/* ======================== GLOBALS ======================== */

/* MAIN COLORS IN SITE */
/*  - #06357a  Blue     */
/*  - #b4a486 && bcad92  Gold     */
/*  - #2c2a91  Secondary Blue */
/*  - #ffcc00  Yellow */



/* MAIN BUTTONS */

.buttons a, .buttons button{
    color:#ffcc00;
    display:inline;
    line-height:100%;
    vertical-align: middle;

    *float:left;
    *margin:0 7px 0 0;
    background-color:#06357a;
    border:1px solid #06357a;

    font-family:RobotoRegular;
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer;
    padding:0px 10px 0px 12px; /* Firefox */
	width: 200px !important;
}

.buttons button{
    *width:auto;
    overflow:visible;
    padding:2px 10px 2px 12px; /* Firefox */
    line-height:18px; /* Safari */
    line-height:80%;
}

.buttons button[type]{
    padding:2px 10px 2px 12px; /* Firefox */
    line-height:18px; /* Safari */
    line-height:80%;
}

*:BADfirst-child+html button[type]{
    padding:5px 10px 5px 12px; /* Firefox */
}

.buttons button img, .buttons a img{
    margin:0 -3px 3px 5 !important;
    padding:0;
    border:none;
    width:12px;
    height:12px;
    vertical-align: middle;
}

button:hover, .buttons a:hover{
    background-color:#06357a;
    border:1px solid #06357a;
    color:#ffcc00;
    display:inline;
    line-height:80%;

} 

.buttons a:active{
    *background-color:#6299c5; /* Baby Blue */
    *border:5px solid #6299c5; /* Baby Blue */
    color:#fff;
    display:inline;
    line-height:80%;
}





/* NEGATIVE (red) */

.buttons a.negative, button.negative{
    color:#d12f19;
    display:inline;
    line-height:80%;
    vertical-align: middle;
}
.buttons a.negative:hover, button.negative:hover{
    background-color:#e20424;
    border:1px solid #e20424;
    color:#ffffff;
    display:inline;
    line-height:80%;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
    display:inline;
    line-height:80%;
}



/* POSITIVE (green) */

button.positive, .buttons a.positive{
    color:#ffcc00;
    *color:#529214;
    display:inline;
    line-height:80%;
    vertical-align: middle;
}

.buttons a.positive:hover, button.positive:hover{
    *background-color:#ffcc00;
    background-color:#20992b;
    border:1px solid #ffcc00;
    *color:#529214;
    color:#ffffff;
    display:inline;
    line-height:80%;
}
.buttons a.positive:active{
    background-color:#06357a;
    border:1px solid #06357a;
    color:#fff;
    display:inline;
    line-height:80%;
}





/* PowerPanel BUTTONS */

.pwrbutton {
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding:0px 12px 0px 12px; /* Firefox */
    display: inline;
    width: 100%;
}

.pwrbutton a.pwrbutton:hover, input[type="button"]:hover {
    color:#green;
    background-color:#20992b;
}


/* Red */
.pwrbutton-R {
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding:0px 12px 0px 12px; /* Firefox */
    display: inline;
    width: 100%;
}

.pwrbutton-R a.pwrbutton-R:hover, input[type="button"]:hover {
    color:#fff;
    background-color:green;
} 


/* Green */
.pwrbutton-G {
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding:0px 12px 0px 12px; /* Firefox */
    display: inline;
    width: 100%;
}

.pwrbutton-G a.pwrbutton-R:hover, input[type="button"]:hover {
    color:#fff;
    background-color:green;
}




/* Search Panel */
    
.srchbutton {
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding:10px 12px 10px 12px; /* Firefox */
    display: inline;
    width: 100%;
    margin-top: 5px;
}   
    
.srchbutton a.srchbutton:hover, input[type="button"]:hover {
    color:#green;
    background-color:#20992b;
}   
    
.srchbutton2 {
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding: 8px 8px 8px 6px; /* Firefox */
    display: inline;
    width: 100%;
    margin-top: 5px;
	background-image: url("/site/images/icons/black-white/person_w.png");
	background-repeat: no-repeat;
	background-position: left;
	background-origin: content-box;
}
    
/* Red */
.srchbutton-R {  
    font-family:RobotoRegular;
    font-size:12px;
    color: #fff;
    cursor: pointer;
    background-color:#06357a;
    border:1px solid #06357a;
    text-decoration: none;
    padding:0px 12px 0px 12px; /* Firefox */
    display: inline;
    width: 100%;
}
 
.srchbutton-R a.srchbutton-R:hover, input[type="button"]:hover {
    color:#fff;
    background-color:green;
}












/* SEARCHBAR */

button.searchbar, .buttons a.searchbar{
    color:#336699;
    margin-left: 300px;
    margin-top: 0px;
    padding-top: 0px;
    font-family: RobotoRegular;
    font-weight: regular;
    font-size:12px;
    line-height:130%;
    padding:4px 5px 4px 2px; /* Links */
    background-color:#224a85;
}
.buttons a.searchbar:hover, button.searchbar:hover{
    background-color:#dff4ff;
    *background-color:#224a85;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.searchbar:active{
    *background-color:#6299c5;
    background-color:#224a85;
    border:0px solid #6299c5;
    color:#fff;
}


/* VIDEO */

button.video, .buttons a.video{
    color:#336699;
}

.buttons a.video, .buttons button.video{ 
    display:block;
    float:left;
    margin:0 7px 0 0; 
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:10px;
    line-height:80%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons a.video:hover, button.video:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.video:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
} 

.buttons button.video img, .buttons.video a.video img{
    margin:0 2px -2px 0 !important;
    padding:0;
    border:none;
    width:10px;
    height:10px;
}


/* TAGS - DELETE */
    
button.delete, .buttons a.delete{
    color:#336699;
}
    
.buttons a.delete, .buttons button.delete{
    display:block;
    float:right;
    *margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
        
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:10px;
    line-height:60%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    *padding:5px 10px 6px 7px; /* Links */
}
        
.buttons a.delete:hover, button.delete:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;

    *background-color:#dff4ff;
    *border:1px solid #c2e1ef;
    *color:#336699;
}
.buttons a.delete:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
} 
  
.buttons button.delete img, .buttons.delete a.delete img{
    *margin:0 2px -2px 0 !important;
    padding:0; 
    border:none;
    width:10px;
    height:10px;
}




/* CUSTOM SEARCH PAGE - 'GO' BUTTON */


.mybutton {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b2d2ff), color-stop(1, #c4d9f5) );	
	background:-moz-linear-gradient( center top, #b2d2ff 5%, #c4d9f5 100% );	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2d2ff', endColorstr='#c4d9f5');	
	background-color:#b2d2ff;	
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;	
	border-radius:2px;	
	display:inline-block;	
	color:#453e45;	
	font-family:arial;
	font-size:12px;
	font-weight:normal;
    	font-family: RobotoRegular;
	padding:4px 24px;
	text-decoration:none;
	}
.mybutton:hover {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c4d9f5), color-stop(1, #b2d2ff) );
	background:-moz-linear-gradient( center top, #c4d9f5 5%, #b2d2ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4d9f5', endColorstr='#b2d2ff');
	background-color:#c4d9f5;
}
.mybutton:active {
	position:relative;
	top:1px;
}





/* SEARCHBAR - CUSTOM SEARCH */


.searchbar_custom {
	*-moz-box-shadow: 0px 0px 0px 0px #b4a486;
	*-webkit-box-shadow: 0px 0px 0px 0px #b4a486;
	*box-shadow: 0px 0px 0px 0px #b4a486;
	*background-color:#224a85;
	*-moz-border-radius:18px;
	*-webkit-border-radius:18px;
	*border-radius:18px;
	*display:inline-block;
	*color:#FFF;
	*font-family:RobotoRegular;
	*font-size:13px;
	*font-weight:normal;
	*padding:4px 10px;
	*text-decoration:none;
}
.searchbar_custom:hover {	
	*position:relative;
	*top:1px;
	*background-color:#3263ad;
}
.searchbar_custom:active {
	*position:relative;
	*top:1px;
}


/* FB SCHEDULE - EDIT */

.edit_fbsched {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #e8e3e8) );
	background:-moz-linear-gradient( center top, #ededed 5%, #e8e3e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e3e8');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;/
	display:inline-block;
	color:#828282;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:1px 17px;
	text-decoration:none;
}
.edit_fbsched:hover {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e3e8), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #e8e3e8 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e3e8', endColorstr='#ededed');
	background-color:#e8e3e8;
}
.edit_fbsched:active {	
	position:relative;
	top:1px;
}






/* NOT IN USE - DEMO */

.fbbutton {
  color:#08233e;
  font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  font-size:70%;
  padding:14px;
  background:url(overlay.png) repeat-x center #ffcc00;
  background-color:rgba(255,204,0,1);
  border:1px solid #ffcc00;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border-bottom:1px solid #9f9f9f;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  cursor:pointer;
 }
.fbbutton:hover {
  background-color:rgba(255,204,0,0.8);
 }