/* CSS Document */


html {

	height: 100%;
	color: #828282;
	margin-left:auto;
	margin-right:auto;	
	margin-top:0px;
	padding: 0px 0; 
	
}


input.searchbox-field {
	float:left;
	width:105px;
	font-size:13px;
	padding:4px 0px 4px 2px;
	border:0px;
	border-left:0px solid #b6b6b6;
	border-right:2px solid #b6b6b6;
}

body {	
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#9b9b9b;
	height:auto;
	margin-top:0;
	width:auto;
	margin-left:0;
	margin-right:0;
	margin-bottom: 25px;
	font-family:Arial, Helvetica, sans-serif;
}


div#container {
	width:962px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 25px;
}

div#header-logo {
	margin:22px 0px 30px 0px;
	float:left;
}

div#header-search {
 	float:right;
	margin-top:5px;
	width:200px;
	height:37px;
	background:#4f4f4f url(../images/searchbox-lower.gif) no-repeat left bottom;
}

div#advanced-search {
	height:50px;
	background-color:#4f4f4f;
}
div#basic-search {
	height:30px;
}



div#top-nav {
	float:none;
	clear:both;
	padding:0px;
	height:35px;
	width:962px;
}

a.top-nav-link {
	float:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	background-color:#4f4f4f;
	padding:9px 10px 10px 9px;
	border-right:1px solid #656565;
	text-align:center;
	width:116px;
	text-transform: uppercase
}
a.top-nav-link:hover {
	color: #CCC;
}

a.top-nav-active {
	background-image:url(../images/top-nav-pointer.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

div#left-nav {
	float:left;
	width:200px;
}

.left-nav-title {
	background-color:#656565;
	background-image:url(../images/left-nav-top.gif);
	background-repeat:no-repeat;
	width:190px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 10px;
}

#left-nav a {
	background-color:#4f4f4f;
	width:190px;
	height:22px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:8px 0px 0px 10px;
	border-top:1px solid #656565;
	border-bottom:1px solid #424242;
}

#left-nav a.s180:hover {
	background-color:#fff74e;
	color:#444444;
	border-bottom:1px solid #424242;
}
#left-nav a.cor:hover {
	background-color:#afc9ea;
	color:#444444;
	border-bottom:1px solid #424242;
}
#left-nav a.ca:hover {
	background-color:#3B1D39;
	border-bottom:1px solid #424242;
}
#left-nav a.cwm:hover {
	background-color:#8dc73d;
	border-bottom:1px solid #424242;
}
#left-nav a.fdt:hover {
	background-color:#ffe7d5;
	color:#444444;
	border-bottom:1px solid #424242;
}
#left-nav a.cts:hover {
	background-color:#cc0e00;
	border-bottom:1px solid #424242;
}

#left-nav a.fto:hover {
	background-color:#606169;
	border-bottom:1px solid #424242;
}

#left-nav a.ipt:hover {
	background-color:#cc0e00;
	border-bottom:1px solid #424242;
}
#left-nav a.mwc:hover {
	background-color:#285596;
	border-bottom:1px solid #424242;
}
#left-nav a.sb:hover {
	background-color:#07096e;
	border-bottom:1px solid #424242;
}
#left-nav a.standout:hover {
	background-color:#000;
	border-bottom:1px solid #424242;
}
#left-nav a.wcdr:hover {
	background-color:#657C4B;
	border-bottom:1px solid #424242;
}
#left-nav a.wc:hover {
	background-color:#562419;
	border-bottom:1px solid #424242;
}
#left-nav a.yld:hover {
	background-color:#f36a22;
	border-bottom:1px solid #424242;
}
#left-nav a.ff2014:hover {
	background-color:#cc0e00;
	border-bottom:1px solid #424242;
}
#left-nav a.cm:hover {
	background-color:#b7467c;
	border-bottom:1px solid #424242;
}
#left-nav a.sb-active {
	background-color:#07096e;
	border-bottom:1px solid #424242;
}
#left-nav a.standout-active {
	background-color:#000000;
	border-bottom:1px solid #424242;
}
#left-nav a.ca-active {
	background-color:#3B1D39;
	border-bottom:1px solid #424242;
}
#left-nav a.wcdr-active {
	background-color:#657C4B;
	border-bottom:1px solid #424242;
}
#left-nav a.mwc-active {
	background-color:#285596;
	border-bottom:1px solid #424242;
}
#left-nav a.wc-active {
	background-color:#562419;
	border-bottom:1px solid #424242;
}
#left-nav a.cm-active {
	background-color:#b7467c;
	border-bottom:1px solid #424242;
}
#left-nav a.s180-active {
	color:#444444;
	background-color:#fff74e;
	border-bottom:1px solid #424242;
}
#left-nav a.cor-active {
	background-color:#afc9ea;
	color:#444444;
	border-bottom:1px solid #424242;
}
#left-nav a.cwm-active {
	background-color:#8dc73d;
	border-bottom:1px solid #424242;
}
#left-nav a.cts-active {
	background-color:#cc0e00;
	border-bottom:1px solid #424242;
}
#left-nav a.fto-active {
	background-color:#606169;
	border-bottom:1px solid #424242;
}
#left-nav a.yld-active {
	background-color:#f36a22;
	border-bottom:1px solid #424242;
}

#left-nav a.ff2014-active {
	background-color:#cc0e00;
	border-bottom:1px solid #424242;
}

.left-nav-lower {
	background-color:#4f4f4f;
	background-image:url(../images/left-nav-arrow.gif);
	height:20px;
	width:200px;
	background-repeat:no-repeat;
	background-position:center top;
	border-bottom:1px solid #424242;
}

div#newsletter-box {
	margin-top:20px;
	background-color:#4f4f4f;
	padding:0px;
}
div#newsletter-box a {
	border:0px;
	padding:0px;
}


.newsletter-box-title {
	background-color:#656565;
	background-image:url(../images/newsletter-top.gif);
	background-repeat:no-repeat;
	width:190px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 10px;
}

.newsletter-box-text {
	background-color:#4f4f4f;
	background-image:url(../images/left-nav-arrow.gif);
	background-repeat:no-repeat;
	background-position:center top;
	height:10px;
}

.ipod-round-bottom {
	background-image:url(../images/left-nav-bottom-ipod.gif);
	width:200px;
	height:5px;
	font-size:5px;
}

.round-bottom {
	background-color:#4f4f4f;
	padding-top:10px;
	background-image:url(../images/left-nav-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:7px;
	font-size:1px;
}

div#sub-container {
	float:left;
	margin:0px 0px 0px 25px;
	height:auto;
	width:735px;
	postion: relative;
	z-index: 0;
}

div#footer {	
	float:none;
	clear:both;
	height:36px;
	padding-top:25px;
	margin-bottom:20px;
}

.footer-copyright {
	float:left;
	background-color:#656565;
	height:25px;
	width:246px;
	background-image:url(../images/footer-arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:11px;
	color:#FFFFFF;
	padding:11px 0px 0px 0px;
	font-weight:bold;
}

.footer-left {
	float:left;
	background-color:#4f4f4f;
	height:26px;
	width:410px;
	padding:10px 0px 0px 20px;
	font-size:12px;
	color:#FFFFFF;
}

.footer-right {
	float:left;
	height:29px;
	background-color:#4f4f4f;
	padding:7px 0px 0px 10px;
	font-size:12px;
	color:#FFFFFF;
	width:200px;
}

.footer-right a, .footer-left a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#login-activate{
	float:left;
	padding:12px 0px 0px 350px;
	font-weight:bold;
	font-size:12px;
	color:#fb780e;
	cursor:pointer;
}

/* LOGIN BOX */

#login-overlay {
	background-color:#000;
}
#login-container {
	font-size:12px;  
	-moz-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
        -webkit-border-radius: 5px; 
        background-color:#4f4f4f;
        color:FFF;
        border:1px solid #363636;
        height:auto;

}
#login-container .header {
	background:#656565;
	color:#FFF;
	text-transform: uppercase;
        font-size: 12px; 
        text-align: left;
        font-weight:bold;
        padding:8px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;      
}

#login-container .text {
	padding:15px 10px 0px 10px;
	background:#4f4f4f url(http://www.adventistyouth.org/images/prompt-arrow.gif) no-repeat center top;
	color:#FFF;
}

#login-container label {
	width:80px;
	float:left;
	text-align:left;
	margin-right:5px;
	font-weight:bold;
	padding-left:30px;
	color:#FFF;
}
#login-container p {
	clear:both;
	float:none;
	padding:4px 0px;
	margin:0px;
	height:20px;
}

#login-container a {
	text-decoration:none;
	color:#ccc;
}
#login-container a:hover {
	text-decoration:underline;
	color:#fff;
}


#login-container .forgot {
	float:left;
	margin-top:5px;
}

#login-container input {
	width:130px;
	font-size:12px;
	padding:1px;
	border:1px solid #323232;
	background:#cfcdcd;
	color:#444;
}
#login-container .buttons {
	clear:both;
	float:none;
	padding:5px 10px 0px 10px;
	height:20px;
	border-top:1px solid #666;
	text-align:right;
	margin-top:10px;
}
#login-container button {
	float:right;
      	padding: 1px 3px;
      	margin-left:5px; 
      	margin-top:3px;
      	background-color: #8d8c8c; 
      	border-right: solid 1px #000;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #000;
      	color: #e4e2e2; 
      	font-weight: normal; 
      	font-size: 11px; 
	cursor:pointer;
	text-transform: uppercase;	
}

#login-msg {
	text-align:center;
	padding:5px 0px 10px 0px;
	height:11px;
	
}


/* TOOLTIPS */
.qtip .qtip-wrapper .qtip-borderTop,
.qtip .qtip-wrapper .qtip-contentWrapper,
.qtip .qtip-wrapper .qtip-title .qtip-button,
.qtip .qtip-wrapper .qtip-borderBottom,
.qtip .qtip-tip {
   opacity: 0.95;
   -moz-opacity: 0.95;
   -webkit-opacity: 0.95;
   filter:alpha(opacity=95);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
}



/* ALERT MODALS */

.cyefade{
      position: absolute; 
      background-color: #000; 
}

div.cye{ 
      width: 300px; 
      font-family: Arial, Helvetica, sans-serif; 
      position: absolute;  
      color: #CCCCCC;
      padding: 7px 7px 15px 7px; 
      -moz-border-radius-topleft:5px;
      -moz-border-radius-topright:5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
	  
}
div.cye .cyecontainer{ 
      font-weight: normal; 
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;        
     
}
div.cye .cyeclose{ 
      	position: absolute;
      	top: 14px; 
      	right: 7px; 
      	width: 18px; 
      	color: #4f4f4f; 
      	font-weight: bold; 
	cursor:pointer;
	font-size:12px;
}
div.cye .cyemessage { 	
      	line-height: 14px; 
      	color: #FFF;       	
      	font-size: 12px; 
      	text-align: left; 
      	border-top: 1px solid #363636;
      	border-left: 1px solid #363636;
      	border-right: 1px solid #363636;
      	padding:0px;
      	background:#4f4f4f url(http://www.adventistyouth.org/images/prompt-arrow.gif) no-repeat center 30px;
      	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
}

div.cye label {
	float:left;
	width:80px;
	margin-right:10px;
	font-weight:bold;
	color:#FFF;
	font-size:12px;
}


div.cye .promptheader {
	background:#656565;
	color:#FFF;
	text-transform: uppercase;
        font-size: 12px; 
        text-align: left;
        font-weight:bold;
        padding:8px;
        margin-bottom:10px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
       
}

div.cye input {
	font-size:12px;
	padding:1px;
	border:1px solid #323232;
	background:#cfcdcd;
	color:#444;
}

div.cye .cyebuttons{       	
      	text-align: right; 
      	padding: 10px 20px 10px 0px; 
      	background-color:#4f4f4f;
      	border-bottom: 1px solid #363636;
      	border-left: 1px solid #363636;
      	border-right: 1px solid #363636;
      	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
      
}
div.cye button { 
      	padding: 1px 3px;
       	margin-left:5px; 
       	margin-top:3px;
       	background-color: #8d8c8c; 
       	border-right: solid 1px #000;
 	border-top: solid 1px #ccc;
 	border-left: solid 1px #ccc;
 	border-bottom: solid 1px #000;
       	color: #e4e2e2; 
       	font-weight: normal; 
       	font-size: 11px; 
 	cursor:pointer;
	text-transform: uppercase;	
	
}

div.cye button:hover{ 
      	background-color: #728A8C;
	color: #ffffff;
}

div.cye button.cyedefaultbutton{ 
      	background-color: #8d8c8c;
}

.cyewarning .cye .cyebuttons{ 
      	background-color: #4f4f4f;
}

div.cye .prompt-ok {
	background:url(../images/prompt-ok.jpg) no-repeat center left;
	padding:10px 10px 10px 60px;
	margin-left:10px;
	line-height:16px;
}

div.cye .prompt-error {
	background:url(../images/prompt-error.jpg) no-repeat center left;
	padding:10px 10px 10px 60px;
	margin-left:10px;
	line-height:16px;
}

div.cye .prompt-warn {
	background:url(../images/prompt-warn.jpg) no-repeat center left;
	padding:10px 10px 10px 60px;
	margin-left:10px;
	line-height:16px;	
}