/*
-----------------------------------------------
Gospel Music Training Center Main CSS file
----------------------------------------------- */

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,abbr {
border: 0;
}
ul {
list-style: none;
}
caption,th {
text-align: left;
}
a,a:link,a:visited,a:hover {
color: #0a6ba0;
text-decoration: none;
}
a:focus,a:hover {
text-decoration: none;
}
a img {
border: 0;
}
a:hover {
color: #C85803;
}
:focus {
outline: 0;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.red {
color: #990000;
}
/* Global Elements
=====================================================================*/
body {
background: #fff url(../_images/header.png) repeat-x;
line-height: 1.6em;
font: 62.5% "lucida grande",tahoma,verdana,arial,sans-serif;
color: #444444;
}
.replace {
position: relative;
margin: 0;
padding: 0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.skiplink {
display: none;
}
.border-img {
border: 1px solid #BBBBBB;
padding: 5px;
margin-right: 15px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
a.view-link {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-outline-radius-bottomleft: 4px;
-moz-outline-radius-bottomright: 4px;
-moz-outline-radius-topleft: 4px;
-moz-outline-radius-topright: 4px;
background-color: #0C709D;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
font-size: 11px;
outline-color: #999999;
outline-style: outset;
outline-width: 1px;
padding: 5px;
}

.boxbigcontent h3.toggler {
background: #EFEFEF none repeat scroll 0 0;
border-top: 1px solid #D3D3D3;
font-size: 13px;
padding: 5px 2px 5px 25px;
cursor: pointer;
position: relative;
}
.boxbigcontent h3.toggler:hover, .boxbigcontent h3.ui-state-active {
background-color: #CFCFCF;
}

#accordion div {
padding: 10px 10px 0 25px;
position: relative;
}

#accordion div p {
line-height: 16px;
}
p.bigger-link {
margin-bottom: 15px;
}

.ui-accordion .ui-accordion-header .ui-icon {
left: 0.5em;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-state-active .ui-icon {
background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon {
background-image: url(../_images/ui-icons_222222_256x240.png);
height: 16px;
width: 16px;
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}

/* Start CSS Coding
=====================================================================*/
#container {
width: 100%;
background: url(../_images/footer.png) repeat-x 0 100%;
}
#wrapper {
width: 990px;
margin: 0 auto;
}
#header {
width: 990px;
height: 124px;
background: url(../_images/back_header.png) no-repeat;
position: relative;
z-index: 99;
}
#headertop {
width: 990px;
height: 64px;
}
#logo {
width: 362px;
height: 64px;
font-size: 1.2em;
position: relative;
overflow: hidden;
display: inline;
float: left;
text-indent: -5000px;
}
#logo span {
background: url(../_images/logo.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
#loginarea {
height: 28px;
float: right;
position: relative;
background: url(../_images/back_loginarea.png) no-repeat;
}
#loginarea p.notlogin {
font-size: 1.2em;
color: #fff;
padding: 6px 10px 0 14px;
float: left;
display: inline;
}
#loginarea p.loginbut {
display:inline;
height:28px;
}
a#signup {
	margin-right: 10px;
}
div#no-gold {
height: 65px;
width: 65px;
background: transparent url(../_images/badge-bg.png) no-repeat 0 0;
left: -55px;
position: absolute;
top: -10px;
}
div#no-gold p {
color: #FFFFFF;
font-size: 27px;
font-weight: bold;
letter-spacing: -3px;
line-height: 12px;
margin-right: 1px;
margin-top: 20px;
text-align: center;
}
div#no-gold span {
font-size: 12px;
letter-spacing: 0;
}
p#until {
color: #FFFFFF;
left: -135px;
position: absolute;
text-align: right;
top: 3px;
}
img#gold-seal {
left: -55px;
position: absolute;
top: -10px;
}
#welcome-text {
float: left;
width: 50%;
}
#welcome-text p {
font-size: 13px;
line-height: 1.5em;
margin-bottom: 10px;
}
#login-loader {
bottom: 25px;
position: absolute;
right: 80px;
display: none;
}
#login-box {
float: right;
width: 40%;
position: relative;
}
div#login-status {
font-size: 11px;
padding: 9px 5px 0 0;
text-align: right;
color: #C85803;
font-weight: bold;
}
.boxbigcontent p.archive-link {
font-size: 13px;
text-align: center;
margin-top: 13px;
font-style: italic;
font-weight: bold;
}
#newsletters p.archive-link {
font-size: 11px;
text-align: right;
margin-top: 5px;
font-style: italic;
font-weight: bold;
}
#newsletter-message {
width: 650px;
padding: 15px;
}
#newsletter-message h2 {
color: #0A6BA0;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
#newsletter-message p {
margin-top: 12px;
font-size: 13px;
line-height: 18px;
}
.butlogin, .butlogin:link, .butlogin:visited {
float: left;
height: 15px;
background: #C85803 none repeat scroll 0 0;
color: #fff;
margin: 5px 0 0 0;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
padding: 2px 12px 0 12px;
}
.butlogin:hover, #butlogout:hover {
background: #035376;
text-decoration: none;
}
#butlogout {
background-color:#015B84;
margin-right:10px;
}
#loginarea p.loginbut span {
font-size: 1.2em;
color: #fff;
float: left;
margin: 6px 6px 0 6px;
display: inline;
}
#panellogin {
width: 295px;
height: 96px;
background: url(../_images/back_panel.png) no-repeat;
position: absolute;
top: 32px;
right: 0;
padding: 8px 14px;
display: none;
z-index: 500;
}
#login-box {
width: 400px;
height: 215px;
background: url(../_images/sign-in-bg.jpg) no-repeat;
}
#panellogin p {
font-size: 1.2em;
color: #fff;
line-height: 1.6em;
padding: 0 0 5px 0;
}
#placemainmenu {
width: 990px;
height: 33px;
}
#mainmenu {
	width: auto;
}
#take-holder img {
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #D3D3D3;
margin: 8px 10px 2px 0;
padding: 5px;
}
#take-holder img:hover {
border-color: #137DAE;
}
li.take_link {
font-weight: bold;
}
img.lock-img {
position: absolute;
right: 0px;
top: 10px;
width: 30px;
height: 30px;
}
/* End CSS Drop Down Menu */
#frmlogin label,#frmsupport label {
color: #555555;
font-size: 1.2em;
font-weight: bold;
height: 20px;
margin: 7px 0 0;
padding: 3px 0 0;
}
#frmlogin label span,#frmsupport label span {
display: block;
float: left;
height: 30px;
padding: 5px;
width: 70px;
}
#frmsupport {
	padding: 15px;
	width: 370px;
}
#frmsupport label span {
	width: 100px;
}
#frmsupport label span.short {
	width: 40px;
}
#frmlogin br,#frmsupport br {
clear: both;
}
#frmlogin {
padding: 60px 0 0 30px;
width: 300px;
}
#support-wrap-password {
	width: 400px;
	height: 170px;
}
#support-wrap {
	width: 400px;
	height: 370px;
}
.textboxlogin, .textlogin {
border-color: #96A6C5;
margin-top: 2px;
width: 206px;
border: 1px solid #BDC7D8;
font-size: 12px;
padding: 3px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
#frmsupport .textlogin {
	width: 219px;
}
#support-wrap h2, #support-wrap-password h2 {
	color:#0A6BA0;
font-size:18px;
margin-left:15px;
margin-top:10px;
}
#support-wrap h3, #support-wrap-password h3 {
	color:#333333;
font-size:13px;
margin-left:15px;
margin-top:10px;
width: 85%;	
}
#support-loader {
position:absolute;
right:133px;
top:320px;
display: none;
}
#pass-loader {
display:none;
position:absolute;
right:195px;
top:119px;
}
#helper {
bottom:-10px;
font-size:11px;
margin-right:76px;
margin-top:41px;
position:absolute;
right:0;
text-align:right;
}
.updatestatus {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-outline-radius-bottomleft: 4px;
-moz-outline-radius-bottomright: 4px;
-moz-outline-radius-topleft: 4px;
-moz-outline-radius-topright: 4px;
background-color: #0C709D;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
float: right;
font-size: 12px;
margin-right: 32px;
margin-top: 8px;
outline-color: #999999;
outline-style: outset;
outline-width: 1px;
padding: 3px;
width: 75px;
}

.sendpass {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-outline-radius-bottomleft: 4px;
-moz-outline-radius-bottomright: 4px;
-moz-outline-radius-topleft: 4px;
-moz-outline-radius-topright: 4px;
background-color: #0C709D;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
float: right;
font-size: 12px;
margin-right: 92px;
outline-color: #999999;
outline-style: outset;
outline-width: 1px;
padding: 3px;
width: 75px;
}
.updatestatus:hover, .sendpass:hover {
background-color: #C85803;
}
.linkforgot, .linkforgot:link, .linkforgot:visited {
color: #04668C;
float: right;
font-size: 1.1em;
margin: 7px 10px 0 7px;
}
#frmsearch {
width: 230px;
height: 33px;
float: right;
}
.textboxsearch {
width: 154px;
height: 17px;
float: left;
background: url(../_images/textboxsearch.png) no-repeat;
border: none;
font-size: 1.2em;
color: #5b5b5b;
font-family: arial, verdana, serif;
padding: 3px 3px 0 3px;
margin: 6px 0 0 0;
}
.submitsearch {
width: 64px;
height: 22px;
background: url(../_images/submitsearch.png) no-repeat;
border: 0;
cursor: pointer;
overflow: hidden;
text-indent: -5000px;
margin: 6px 0 0 0;
float: right;
}
.submitsearch:hover {
background-position: 0 -22px;
}
div.holder div {
	margin: 15px 0;
}
div.holder p {
	font-size: 13px;
	font-weight: bold;
}
#intro {
width: 990px;
height: 275px;
position: relative;
z-index: 1;
}
#placeslideshow {
background: transparent url(../_images/place_slideshow_small.png) no-repeat scroll 0 0;
display: inline;
float: left;
height: 119px;
margin: 20px 20px 0;
padding: 2px 0 0 4px;
position: relative;
width: 160px;
}
#shadowslideshow {
width: 150px;
height: 113px;
position: absolute;
z-index: 50;
background: url(../_images/shadow.png) no-repeat;
}
#slideshow {
width: 150px;
height: 113px;
border: 1px solid #02597a;
}
#slideshow ul, #slideshow li {
height: 113px;
}
#introright {
width: 420px;
float: right;
display: inline;
margin-right: 20px;
margin-top: 14px;
}
#introright h1 {
font-size: 26px;
letter-spacing: -1px;
color: #333333;
height: 35px;
margin: 0 0 3px;
}
#introright ul, #introright li {
height: 201px;
padding: 0 0 0 0;
}
#captionslideshow {
width: 320px;
height: 27px;
}
#captionslideshow ul {
width: 320px;
height: 24px;
}
#captionslideshow li {
width: 320px;
height: 20px;
font-size: 1.1em;
color: #fff;
font-weight: bold;
padding: 7px 0 0 0;
}
#introright p {
color: #555555;
font-size: 12px;
line-height: 1.6em;
padding: 0;
}
#placenav {
height: 31px;
left: 20px;
position: absolute;
top: 180px;
width: 69px;
}
#butprev {
width: 29px;
height: 31px;
font-size: 1.2em;
position: relative;
overflow: hidden;
display: inline;
float: left;
text-indent: -5000px;
margin: 0 11px 0 0;
}
#butprev span {
background: url(../_images/but_prev.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
#butnext {
width: 29px;
height: 31px;
font-size: 1.2em;
position: relative;
overflow: hidden;
display: inline;
float: left;
text-indent: -5000px;
}
#butnext span {
background: url(../_images/but_next.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
#placenav a:hover span {
background-position: 0 -31px;
}
#content {
width: 990px;
padding: 0;
position: relative;
z-index: 0;
}
body#vault #content, body#foundations #content, body#home #content {
padding: 0;
}
#foundations-holder {
background: url(../_images/bg_foundations.gif) no-repeat right top;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
height: 273px;
}

a#btn_now {
background: url(../_images/btn_now.gif) left top no-repeat;
width: 90px;
height: 32px;
display: block;
float: left;
text-indent: -9999em;
}
	
a#btn_next {
background: url(../_images/btn_next.gif) left top no-repeat;
width: 90px;
height: 32px;
display: block;
float: left;
text-indent: -9999em;
}
	
a#btn_go {
background: url(../_images/btn_go.gif) left top no-repeat;
width: 90px;
height: 32px;
display: block;
float: left;
text-indent: -9999em;
}
	
#main-foundations-text {
margin-left: 5px;
width: 500px;
}
#main-foundations-text p {
font-size: 13px;
margin-top: 10px;
clear: both;
height: 35px;
}
div#thumb-holder {
background: transparent url(../_images/place_slideshow.png) no-repeat scroll 0 0;
height: 231px;
position: absolute;
right: 62px;
top: 10px;
width: 300px;
}
div#thumb-holder img {
margin: 8px 0 0 10px;
}
div#intro-image p {
font-size: 12px;
line-height: 16px;
color: #444444;
}
div#intro-image p.first {
margin-bottom: 10px;
}
body#foundations #content div#intro-image {
height:273px;
position:relative;
top:-12px;
}
div.vault-inside {
float: right;
margin: 0 45px 0 0;
position: relative;
top: -40px;
width: 600px;
}
#maincontent {
width: 647px;
float: left;
position: relative;
z-index: 10;
}
#login-content {
}
#login-content h1 {
font-size: 25px;
margin-bottom: 15px;
}
.boxbig {
width: 647px;
margin: 0 0 20px 0;
}
.titlebig {
width: 617px;
height: 25px;
background: url(../_images/title_big.png) no-repeat;
font-size: 1.4em;
color: #fff;
padding: 9px 15px 0 15px;
}
.titlebig em {
font-size: 12px;
}
p.foundation-desc {
float: left;
width: 350px;
}
.boxbigcontent {
width: 617px;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
padding: 12px 14px 7px 14px;
}
.boxbigcontent p, .boxsmallcontent p, .tabscontent p {
font-size: 11px;
color: #2f2f2f;
line-height: 1.6em;
padding: 0 0 10px 0;
}
.boxbigcontent h2, .boxsmallcontent h2 {
font-size: 1.8em;
color: #2f2f2f;
padding: 0 0 8px 0;
}
.boxbigcontent h3, .boxsmallcontent h3 {
font-size: 1.4em;
color: #2f2f2f;
padding: 0 0 8px 0;
}
.boxbigcontent h4, .boxsmallcontent h4 {
font-size: 1.2em;
color: #2f2f2f;
padding: 0 0 8px 0;
}
.boxbigcontent ul.listok, .boxsmallcontent ul.listok {
padding: 0 0 0 10px;
}
.boxbigcontent ul.listok li, .boxsmallcontent ul.listok li {
padding: 0 0 0 23px;
background: url(../_images/bullet1.png) no-repeat;
}
.boxbigcontent ul.listok li {
font-size: 1.0em;
}
.boxbigcontentbottom {
width: 647px;
height: 3px;
font-size: 0;
background: url(../_images/boxbigcontent_bottom.png) no-repeat;
}
#gallery_photos {
padding-bottom: 20px;
}
.contentleft {
width: 313px;
float: left;
}
.contentright {
width: 313px;
float: right;
}
.boxcontentsmall {
width: 313px;
}
.titlesmall {
width: 283px;
height: 25px;
background: url(../_images/title_small.png) no-repeat;
font-size: 1.4em;
color: #fff;
padding: 9px 15px 0 15px;
}
.boxsmallcontent {
width: 283px;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
padding: 12px 14px 7px 14px;
position: relative;
}
.boxsmcontentbottom {
width: 313px;
height: 3px;
font-size: 0;
background: url(../_images/boxsmcontent_bottom.png) no-repeat;
margin: 0 0 20px 0;
}
.boxsmallcontent ul.menucontentsmall {
width: 283px;
margin: 0;
padding: 0;
}
.boxsmallcontent ul.menucontentsmall li {
width: 283px;
margin: 0;
padding: 8px 0;
border-bottom: 1px solid #d5d5d5;
font-size: 1.2em;
background: none;
}
li.last {
border-bottom: none;
}
.boxsmallcontent ul.menucontentsmall li.last {
border: none;
}
#nav {
width: 322px;
float: right;
position: relative;
}
#tabsnav {
width: 323px;
height: 31px;
border-bottom: 3px solid #076591;
}
#tabsnav li {
width: 107px;
height: 31px;
float: left;
display: inline;
margin: 0 1px 0 0;
}
#tabsnav li.last {
margin: 0;
}
#tabsnav li a, #tabsnav li a:link, #tabsnav li a:visited {
width: 107px;
height: 22px;
float: left;
display: inline;
background: url(../_images/tabs.png) no-repeat;
font-size: 1.2em;
color: #818181;
font-weight: bold;
text-align: center;
padding: 9px 0 0 0;
}
#tabsnav li a:hover {
text-decoration: none;
background-position: 0 -31px;
}
#tabsnav li.ui-tabs-selected a, #tabsnav li.ui-tabs-selected a:link, #tabsnav li.ui-tabs-selected a:visited {
background-position: 0 -62px;
color: #fff;
text-decoration: none;
}
.tabscontent {
width: 297px;
padding: 12px 13px;
background: #f1f1f1 url(../_images/back_tabs.png) no-repeat 0 100%;
margin: 0 0 20px 0;
}
.ui-tabs-hide {
display: none;
}
.boxnavbottom {
font-size: 0;
width: 323px;
height: 3px;
background: url(../_images/boxnav_bottom.png) no-repeat;
}
#frmnewsletter label {
float: left;
width: 109px;
margin: 7px 0 0 0;
padding: 8px 0 0 0;
font-size: 1.2em;
font-weight: bold;
color: #2f2f2f;
}
#frmnewsletter br {
clear: both;
}
.textboxnewsletter {
width: 180px;
height: 23px;
float: left;
background: url(../_images/textboxnewsletter.png) no-repeat;
border: none;
margin: 7px 0 0 0;
font-size: 1.2em;
color: #5b5b5b;
font-family: arial, verdana, serif;
padding: 7px 3px 0 3px;
}
.submitlogin {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-outline-radius-bottomleft: 4px;
-moz-outline-radius-bottomright: 4px;
-moz-outline-radius-topleft: 4px;
-moz-outline-radius-topright: 4px;
background-color: #0C709D;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
outline-color: #999999;
outline-style: outset;
outline-width: 1px;
padding: 5px;
width: 75px;
float: right;
margin-right: 7px;
}
.submitlogin:hover {
background-color: #C85803;
}
.submitsubscribe {
width: 84px;
height: 27px;
background: url(../_images/submitsubscribe.png) no-repeat;
border: 0;
cursor: pointer;
overflow: hidden;
text-indent: -5000px;
margin: 14px 1px 0 0;
float: right;
}
.submitsubscribe:hover {
background-position: 0 -27px;
}
#linklatest {
width: 295px;
display: block;
border: 1px solid #e0e0e0;
text-align: center;
font-size: 0;
padding: 6px 0;
background: #fff;
}
#linklatest:hover {
border: 1px solid #0a6ba0;
}
#tabsproject {
padding: 10px 0 5px 0;
font-size: 1.2em;
color: #333;
}
#tabsproject li {
margin: 4px 0;
}
#listnewsnav {
width: 295px;
}
#listnewsnav li {
width: 295px;
background: url(../_images/sepnav.png) no-repeat 0 100%;
padding: 6px 0 10px 0;
font-size: 1.2em;
}
.linkreadmore, .linkreadmore:link, .linkreadmore:visited, .view-link {
float: right;
font-size: 1.2em;
margin: 7px 0 3px 0;
font-weight: bold;
}
.boxnav {
width: 323px;
background: url(../_images/boxnav_bottom.png) no-repeat 0 100%;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
}
.titlenav {
width: 295px;
height: 25px;
background: url(../_images/title_nav.png) no-repeat;
font-size: 1.4em;
color: #fff;
padding: 9px 14px 0 14px;
}
.boxnavcontent {
width: 297px;
padding: 0 13px;
background: url(../_images/back_nav.png) repeat-y;
}
.menunav {
width: 295px;
}
.menunav li {
width: 295px;
height: 39px;
background: url(../_images/sepnav.png) no-repeat 0 100%;
font-size: 1.2em;
}
.menunav li a, .menunav li a:link, .menunav li a:visited {
width: 295px;
height: 25px;
display: block;
padding: 12px 0 0 0;
}
.menunav li.last {
background: none;
}
#texttestimonial {
background: url(../_images/quote.png) no-repeat 0 5px;
font-size: 1.4em;
color: #2f2f2f;
font-family: Georgia, Garamond, serif;
font-style: italic;
line-height: 1.6em;
padding: 16px 0 10px 0;
text-indent: 50px;
}
#testimonialname {
width: 295px;
background: url(../_images/sepnav.png) no-repeat;
padding: 6px 0 8px 0;
text-align: right;
font-size: 1.2em;
color: #2f2f2f;
}
.read_more {
font-size: 13px;
font-style: italic;
text-align: right;
font-weight: bold;
}

/* Home Page Styles
----------------------------------------------- */
.blocklink {
display: block;
position: relative;
margin: 0;
padding: 0;
line-height: 5px;
}
div#cert-request {
	font-size:13px;
margin-left:174px;
position:relative;
top:-20px;
width:300px;
}
#chat-new {
	text-align: center;
	margin-bottom: 15px;
}
#chat-new img {
	cursor: pointer;
}
#future li {
background: transparent url(../_images/speaker.gif) no-repeat scroll 0 40%;
font-size: 12px;
padding: 5px 0 5px 15px;
}
#future p {
font-size: 12px;
padding: 10px 0;
}
#details ul {
padding-top: 8px;
}
#details li {
font-size: 12px;
padding: 6px 0 10px 0;
line-height: 16px;
}
#details a:hover {
color: #C85803;
}
#future p, #newsletters p {
font-size: 12px;
padding: 10px 0;
}
#dvd-progress li {
font-size: 12px;
padding: 5px 0 3px 22px;
position: relative;
border-bottom: 1px solid #CCCCCC;
height: 40px;
}
#dvd-progress p {
font-size: 12px;
padding: 10px 0;
}
#dvd-progress li.passed {
background: transparent url(../_images/check.png) no-repeat scroll 0 40%;
}
#dvd-progress li.heading {
background: #DFDFDF none repeat scroll 0 0;
height: 27px;
}
div#about-foundations {
margin-bottom: 25px;
}
.publish-date {
color: #666666;
font-size: 11px;
line-height: 18px;
padding-left: 2px;transparent url(../_images/check.png) no-repeat scroll 0 40%
}
.publish-day {
color: #C85803;
font-size: 11px;
font-weight: bold;
line-height: 18px;
padding-left: 2px;
}
.member-phold {
width: 170px;
margin-left: 90px;
}
* html .member-phold {
width: 160px;
margin-left: 90px;
}
.member-name {
color: #C85803;
font-size: 14px;
font-weight: bold;
margin: 0;
}
#member-info-list {
padding-bottom: 10px;
position: relative;
background: url(../_images/bg_speech_hm.gif) 59px 38px no-repeat;
}
.profile-pic {
margin-bottom: 10px;
}


div#codeholder {
padding-top: 10px;
}

div#codeholder p {
padding-bottom: 10px;
}

p.side-status {
background: #ddd;
width: 185px;
padding: 10px;
}


p.awaydays {
position: relative;
}
.awaydays img {
position: absolute;
right: -33px;
top: -15px;
}
#welcome-gold {
color: #FFFFFF;
font-size: 12px;
position: absolute;
right: 135px;
top: 5px;
}
#welcome {
color: #FFFFFF;
font-size: 12px;
position: absolute;
right: 10px;
top: 5px;
}
#member-online-list {
margin-left: 10px;
padding-bottom: 10px;
}
#member-online-list img {
margin-bottom: 10px;
}
#member-online-list a {
display: block;
width: 55px;
height: 55px;
float: left;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
#member-online-list a:hover {
border-color: #3A5B6E;
}
#message-warning {
background: url(../_images/exc.png) no-repeat 5px 5px;
position: relative;
}

.friend-add {
background: url(../_images/sent.png) no-repeat 5px 5px;
position: relative;
}

.success-add {
background: url(../_images/check_big.png) no-repeat 5px 5px;
position: relative;
}

#message-warning h2 {
width: 350px;
}
#message-warning h2, div#message.friend-add h2, div#message.success-add h2 {
color: #0A6BA0;
font-size: 18px;
margin-left: 63px;
margin-top: 10px;
}
div#message.friend-add p, div#message.success-add p {
width: 350px;
margin-left: 63px;
font-size: 13px;
margin-top: 10px;
}
div#message.friend-add h2, div#message.success-add h2 {
width: 400px;
}
ul.menu li a {
border-bottom: 1px solid #CCCCCC;
display: block;
padding: 4px 10px;
}
#dvd-progress li a.listing {
width: 225px;
border-bottom: 0 none;
}
#dvd-progress li p.heading-title {
border-bottom: 0 none;
padding: 5px 0 0 10px;
width: 225px;
font-weight: bold;
}
#quizreminder,#quiz-ready, #quiz-skip {
display: none;
}
#dvd-progress li a.quizzer {
border-bottom: 0 none;
padding: 0;
position: absolute;
right: 0;
text-decoration: none;
top: 7px;
}
#dvd-progress li p.percentage {
border-bottom: 0 none;
color: #C85803;
font-size: 13px;
padding: 0;
position: absolute;
right: 10px;
text-decoration: none;
top: 9px;
}
#dvd-progress li.heading p.percentage {
color: #222222;
font-weight: bold;
}
#future-song-wrap {
	width: 500px;
	height: 300px;
	padding: 10px;
}
#future-song-wrap h2 {
	color:#0A6BA0;
font-size:18px;
margin-left:30px;
margin-top:10px;
}
#future-song-wrap h3 {
	color:#333333;
font-size:16px;
margin-left:30px;
margin-top:10px;	
}
#frmfuture {
	margin: 13px 0 0 30px;
} 
#frmfuture .textlogin {
border:1px solid #BDC7D8;
font-size:12px;
margin-top:2px;
padding:3px;
width:360px;
height: 20px;
margin-bottom: 5px;
color: #555555;
}
#future-loader {
position:absolute;
right:130px;
top:297px;
display: none;
}




/* About Us Page
=====================================================================*/
#breadcrumb {
width: 990px;
height: 26px;
background: url(../_images/breadcrumb.png) no-repeat;
margin: 0 0 8px 0;
}
#breadcrumb li {
float: left;
height: 20px;
display: inline;
background: url(../_images/breadcrumb_arrow.png) no-repeat 100% 0;
padding: 6px 25px 0 15px;
font-size: 1.1em;
color: #2f2f2f;
font-weight: bold;
}
#breadcrumb li.last {
background: none;
}
.imgright {
float: right;
padding: 2px;
border: 1px solid #d5d5d5;
margin: 5px 0 10px 10px;
}
.imgleft {
float: left;
padding: 2px;
border: 1px solid #d5d5d5;
margin: 5px 10px 10px 0;
}
.boxbigcontent ul, .boxsmallcontent ul {
padding: 0 0 10px 10px;
}
.boxbigcontent ul li, .boxsmallcontent ul li {
padding: 0 0 0 23px;
background: url(../_images/bullet2.png) no-repeat 0 3px;
font-size: 1.2em;
color: #2f2f2f;
margin: 5px 0;
}
#listads li {
width: 106px;
height: 95px;
display: inline;
float: left;
margin: 15px 11px 0 0px;
}
#listads li img {
padding: 2px;
border: 1px solid #d5d5d5;
}
.linkadv {
float: right;
font-size: 1em;
font-weight: bold;
display: inline;
margin: 12px 12px 10px 0;
}
.boxsmallcontent ul.menucontentsmall li.friend-item {
position: relative;
padding: 12px 0 0 0;
}
li.friend-item .linkadv {
font-size: 10px;
}
li.friend-item .friend-buttons {
bottom: 8px;
left: 67px;
position: absolute;
}
/* News List Page
=====================================================================*/
.boxbigcontent ul#listnews h2 {
font-size: 1.8em;
margin: 0;
padding: 0;
}
.boxbigcontent ul#listnews {
margin: 0;
padding: 0;
width: 618px;
}
.boxbigcontent ul#listnews li {
border-bottom: 1px solid #d5d5d5;
padding: 10px 0;
background: none;
margin: 0;
position: relative;
}
.boxbigcontent ul#listnews li ul.listinfo {
margin: 0;
padding: 0 0 10px 0;
height: auto;
}
div#listinfo-hold {
margin-bottom: 10px;
}
.boxbigcontent ul#listnews li ul.listinfo li {
background: url(../_images/sepinfo.png) no-repeat 0 3px;
display: inline;
float: left;
height: 14px;
border: none;
padding: 0;
font-size: 0.9em;
color: #727272;
margin: 0;
padding: 2px 10px 0 10px;
}
.boxbigcontent ul#listnews li ul.listinfo li.posted {
background: url(../_images/icon_posted.png) no-repeat 0 1px;
padding: 2px 10px 0 20px;
}
.linkcomment {
display: inline;
float: left;
height: 14px;
background: url(../_images/icon_comment.png) no-repeat 0 1px;
padding: 2px 0 0 20px;
}
.boxbigcontent ul#listnews li ul.listinfo li.comment {
height: 16px;
padding: 0 0 0 5px;
background: url(../_images/sepinfo.png) no-repeat 0 3px;
}
.boxbigcontent ul#listnews li p {
font-size: 1.0em;
}
.boxbigcontent ul#listnews li .linkreadmore {
font-size: 1.0em;
margin: 0;
}
.boxbigcontent ul#listnews li img {
border: 1px solid #D5D5D5;
float: left;
margin: 0 10px 10px 0;
padding: 2px;
}
.boxbigcontent ul#listnews li img.first-pic {
margin-bottom: 30px;
}
#listpages {
float: right;
height: 23px;
margin: 10px 0 0;
padding: 0;
}
#listpages li {
margin: 0 2px 0 0;
height: 23px;
float: left;
font-size: 1.1em;
display: inline;
background: none;
padding: 0;
}
#listpages li.unclick {
margin: 0 2px 0 0;
height: 18px;
border: 1px solid #d0d0d0;
color: #d0d0d0;
padding: 3px 8px 0 8px;
}
#listpages li.dotted {
height: 18px;
font-size: 1.1em;
padding: 5px 5px 0 5px;
}
#listpages li a, #listpages li a:link, #listpages li a:visited {
padding: 4px 8px 0 8px;
height: 17px;
display: inline;
float: left;
border: 1px solid #0a6ba0;
color: #0a6ba0;
}
#listpages li a.active, #listpages li a.active:link, #listpages li a.active:visited {
background: #0a6ba0;
border: 1px solid #0a6ba0;
color: #fff;
}
#listpages li a:hover {
border: 1px solid #000;
color: #000;
text-decoration: none;
}
/* News Detail Page
=====================================================================*/
.boxbigcontent ul#listnews li ul.listinfodet {
margin: 0;
padding: 0;
height: 16px;
float: left;
}
.boxbigcontent ul#listnews li.noborder {
border: none;
}
.boxbigcontent ul#listnews li ul.listinfodet li {
background: url(../_images/sepinfo.png) no-repeat 0 3px;
display: inline;
float: left;
height: 14px;
border: none;
padding: 0;
font-size: 0.9em;
color: #727272;
margin: 0;
padding: 2px 10px 0 10px;
}
.boxbigcontent ul#listnews li ul.listinfodet li.posted {
background: url(../_images/icon_posted.png) no-repeat 0 1px;
padding: 2px 10px 0 20px;
}
.boxbigcontent h2.subtitle {
font-size: 1.4em;
color: #2f2f2f;
height: 24px;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 6px 0 0 0;
}
#listcomment {
padding: 10px 0 0 0;
margin: 0;
}
#listcomment li {
margin: 0;
padding: 0 0 14px 0;
background: none;
}
.imgavatar {
float: left;
padding: 2px;
border: 1px solid #d5d5d5;
}
.placecomment {
width: 530px;
float: right;
border: 1px solid #bdd5e0;
background: #e4f4fb;
padding: 10px;
font-size: 0.9em;
}
.placecomment h3 {
font-size: 13px;
font-weight: lighter;
}
.placecomment h3 strong {
font-weight: bold;
}
.placecomment p {
color: #2F2F2F;
font-size: 12px;
line-height: 1.5em;
padding: 0 0 10px;
}
#comment-leave {
padding: 10px 0 0 0;
}
#comment-leave label {
display: block;
font-size: 1.2em;
color: #1a1a1a;
font-weight: bold;
}
#comment-leave label span {
font-weight: lighter;
}
.textboxcomment {
width: 323px;
height: 20px;
background: #f6f6f6;
border: 1px solid #d4d4d4;
margin: 3px 0 10px 0;
font-family: arial, verdana, serif;
font-size: 1.1em;
color: #1a1a1a;
padding: 4px 3px 0 3px;
}
.textareacomment {
width: 600px;
height: 134px;
background: #f6f6f6;
border: 1px solid #d4d4d4;
margin: 3px 0 10px 0;
font-family: arial, verdana, serif;
font-size: 1.1em;
color: #1a1a1a;
padding: 4px 3px 0 3px;
}
.submitcomment {
height: 27px;
background: #0b6da0;
border: none;
margin: 0 0 10px 0;
font-family: "Myriad Pro", arial, serif;
color: #fff;
font-size: 1.4em;
padding: 3px 10px 0 10px;
cursor: pointer;
}
.hold-form {
position: relative;
}
#comment-loader {
bottom: 5px;
left: 140px;
position: absolute;
display: none;
}
/* Gallery
=====================================================================*/
.boxbigcontent ul#listgallery {
margin: 0;
padding: 0;
}
.boxbigcontent ul#listgallery li {
width: 180px;
height: 170px;
float: left;
display: inline;
text-align: center;
font-weight: bold;
padding: 8px 0 0 1px;
margin: 10px 0 0 11px;
background: none;
}
.boxbigcontent ul#listgallery li img {
margin: 0 0 5px 0;
padding: 2px;
border: 1px solid #d5d5d5;
}
.boxbigcontent ul#listgallery li a:hover {
text-decoration: none;
}
/*
=====================================================================*/
/* Contact Us
=====================================================================*/
.errordiv {
display: block;
border: 1px solid #f2a9a9;
padding: 5px;
color: #f00;
font-size: 1.1em;
margin: 8px 0 0 0;
}
.correctdiv {
display: block;
border: 1px solid #b6e47a;
padding: 5px;
color: #629c17;
font-size: 1.1em;
margin: 8px 0 0 0;
background: #d7fca8;
}
#frmcontact {
padding: 20px 0 30px 0;
}
#frmcontact label {
float: left;
font-size: 1.2em;
width: 150px;
padding: 3px 0 0 16px;
margin: 10px 0 0 0;
font-weight: bold;
}
#frmcontact span {
color: #a50e0e;
font-size: 1.2em;
font-weight: bold;
}
#frmcontact br {
clear: left;
}
.textboxcontact {
width: 390px;
height: 22px;
border: 1px solid #c4c4c4;
padding: 3px 5px 0 5px;
margin: 10px 0 0 0;
}
.textareacontact {
width: 390px;
height: 150px;
border: 1px solid #c4c4c4;
font-family: Arial, verdana,serif;
font-size: 1.2em;
padding: 5px;
margin: 10px 0 0 0;
}
.submitcontact {
width: 166px;
height: 25px;
margin: 10px 0 0 0;
font-weight: bold;
text-transform: uppercase;
background: #06649f;
border: none;
color: #fff;
font-family: Arial, verdana,serif;
font-size: 1.2em;
cursor: pointer;
}
/* Footer
=====================================================================*/
#footer {
width: 990px;
height: 78px;
}
#texttwitter {
text-align: center;
height: 24px;
font-size: 1.2em;
color: #fff;
padding: 11px 0 0 0;
}
#texttwitter a, #texttwitter a:link, #texttwitter a:visited {
color: #fff;
text-decoration: underline;
}
.imgtwitter {
margin: -22px 0 0 0;
vertical-align: middle;
}
#menufooter {
float: left;
height: 15px;
margin: 15px 0 0 0;
}
#menufooter li {
display: inline;
float: left;
height: 15px;
background: url(../_images/sepfooter.png) no-repeat 100% 2px;
padding: 0 10px;
}
#menufooter li a {
font-size: 1.2em;
color: #fff;
font-weight: bold;
}
#menufooter li.last {
background: none;
}
#menufooterright {
float: right;
height: 15px;
margin: 15px 0 0 0;
}
#menufooterright li {
display: inline;
float: left;
height: 15px;
background: url(../_images/sepfooter.png) no-repeat 100% 2px;
padding: 0 10px;
font-size: 1.2em;
color: #fff;
}
#menufooterright li a, #menufooterright li a:link, #menufooterright li a:visited {
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
#menufooterright li.last {
background: none;
}

/* styles for the star rating system
=====================================================================*/
.star-label {
color: #666666;
float: left;
font-size: 12px;
margin-right: 8px;
}
#rater {
float: left;
}

#rate_response {
color: #990000;
float: right;
margin-left: 15px;
width: 300px;
}

form#form3A {
float: left;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating {
float: left;
width: 17px;
height: 15px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden
}
div.rating-cancel,div.rating-cancel a {
background: url(../_images/delete.gif) no-repeat 0 -16px
}
div.star-rating,div.star-rating a {
background: url(../_images/star.gif) no-repeat 0 0px
}
div.rating-cancel a,div.star-rating a {
display: block;
width: 16px;
height: 100%;
background-position: 0 0px;
border: 0
}
div.star-rating-on a {
background-position: 0 -16px!important
}
div.star-rating-hover a {
background-position: 0 -32px
}
/* Read Only CSS */
div.star-rating-readonly a {
cursor: default !important
}
/* Partial Star CSS */
div.star-rating {
background: transparent!important;
overflow: hidden!important
}
div.rating-cancel {
display: none!important;
}
/* END jQuery.Rating Plugin CSS */


/* styles for the autocomplete search
=====================================================================*/
.ac_input {
width: 150px;
}

.ac_results {
padding: 0px;
border: 1px solid WindowFrame;
background-color: Window;
overflow: hidden;
z-index: 1001;
}

#check_it .ac_results {
background-color: window;
border: 1px solid windowframe;
margin-left: 1px;
margin-top: -208px;
overflow: hidden;
padding: 0;
z-index: 1001;
}

.ac_results ul {
width: 150px;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}

.ac_results iframe {
display: none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
top: 0;
left: 0;
z-index: -1;
filter: mask();
width: 3000px;
height: 3000px;
}

.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: pointer;
display: block;
width: 140px;
font: menu;
font-size: 11px;
overflow: hidden;
color: #1E1E1E;
}

.ac_loading {
}

.ac_over {
background-color: #F1F1F1;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: visible!important;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
overflow: visible!important;
}
#cboxLoadedContent {
    overflow: visible!important;
}
#cboxLoadedContent iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
overflow: visible!important;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
background: url(../_images/overlay.png) 0 0 repeat;
}
#colorbox {
}
    #cboxTopLeft {
width: 21px;
height: 21px;
background: url(../_images/controls.png) -100px 0 no-repeat;
}
    #cboxTopRight {
width: 21px;
height: 21px;
background: url(../_images/controls.png) -129px 0 no-repeat;
}
    #cboxBottomLeft {
width: 21px;
height: 21px;
background: url(../_images/controls.png) -100px -29px no-repeat;
}
    #cboxBottomRight {
width: 21px;
height: 21px;
background: url(../_images/controls.png) -129px -29px no-repeat;
}
    #cboxMiddleLeft {
width: 21px;
background: url(../_images/controls.png) left top repeat-y;
}
    #cboxMiddleRight {
width: 21px;
background: url(../_images/controls.png) right top repeat-y;
}
    #cboxTopCenter {
height: 21px;
background: url(../_images/border.png) 0 0 repeat-x;
}
    #cboxBottomCenter {
height: 21px;
background: url(../_images/border.png) 0 -29px repeat-x;
}
    #cboxContent {
background: #fff;
}
        #cboxLoadedContent {
margin-bottom: 28px;
}
        #cboxTitle {
position: absolute;
bottom: 3px;
left: 0;
text-align: center;
width: 100%;
color: #949494;
}
        #cboxCurrent {
position: absolute;
bottom: 3px;
left: 58px;
color: #949494;
}
        #cboxSlideshow {
position: absolute;
bottom: 3px;
right: 30px;
color: #0092ef;
}
        #cboxPrevious {
position: absolute;
bottom: 0;
left: 0px;
background: url(../_images/controls.png) -75px 0px no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px;
}
        #cboxPrevious.hover {
background-position: -75px -25px;
}
        #cboxNext {
position: absolute;
bottom: 0;
left: 27px;
background: url(../_images/controls.png) -50px 0px no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px;
}
        #cboxNext.hover {
background-position: -50px -25px;
}
        #cboxLoadingOverlay {
background: url(../_images/loading_background.png) center center no-repeat;
}
        #cboxLoadingGraphic {
background: url(../_images/loading.gif) center center no-repeat;
}
        #cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url(../_images/controls.png) -25px 0px no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px;
}
        #cboxClose.hover {
background-position: -25px -25px;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://gospel.hearandplay.com/newpro/assets/_images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}

#chat-wrapper {
margin: auto;
padding-bottom: 50px;
width: 640px;
}
#messagewindow {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #ADAFA4;
height: 275px;
margin-bottom: 10px;
overflow: auto;
padding: 5px;
}
#messagewindow div {
padding: 10px 5px;
font-size: 12px;
}
.sweet {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #EFEFEF none repeat scroll 0 0;
}
#msg {
margin-right: 5px;
width: 350px;
font-size: 12px;
}
#send_but {
background-color: #096894;
border-color: #074F6F #074F6F #074F6F #074F6F;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
padding: 2px 15px 1px;
text-align: center;
}
#messagewindow div strong {
color: #C85803;
}
.day-time {
color: #777777;
font-size: 10px;
font-style: italic;
margin-left: 10px;
}

/* Status updates */
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url(../_images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4;
outline: none;
}
.ui-state-default .ui-icon {
background-image: url(../_images/ui-icons_ef8c08_256x240.png);
}
#status-update-link-sidebar span.ui-icon {
float: left;
padding-left: 2px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon {
width: 16px;
height: 16px;
background-image: url(../_images/ui-icons_222222_256x240.png);
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
#status_update_holder {
width: 300px;
display: block;
}
#status-hold {
margin: 10px auto;
width: 340px;
}
#frmstatus .textboxlogin {
border: 1px solid #BDC7D8;
font-size: 12px;
margin-top: 2px;
padding: 3px;
width: 300px;
}
#status-manager h2 {
color: #0A6BA0;
font-size: 18px;
margin-left: 30px;
margin-top: 10px;
}

	a#status-update-link-sidebar {
display: block;
line-height: 16px;
padding: 0.4em 0.8em 0.4em 0.4em;
right: -10px;
text-decoration: none;
top: -17px;
width: 90px;
position: absolute;
}
	#status-manager {
width: 400px;
height: 150px;
position: relative;
}

#status-response {
margin-top: 10px;
color: #C85803;
font-size:13px;
display: none;
}
#status-loader {
position: absolute;
right: 150px;
top: 100px;
display: none;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		999999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	height: 33px;
	font-size: 12px;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#FFFFFF;
	font-weight:bold;
	padding:9px 17px 0;
	text-transform:uppercase;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li ul li a, .sf-menu li ul li a:visited {
	color:			#333333;
	font-size: 		11px;
	text-transform: none;
}
.sf-menu li li {
	background:		transparent;
}
.sf-menu li li li {
	background:		#EEEEEE;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#EEEEEE;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../_images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../_images/shadow2.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		transparent;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		transparent url(../_images/sepmenu.png) no-repeat scroll 100% 0;
	position:		static;
	height:			33px;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			900px; /*IE6 soils itself without this*/
}
.sf-navbar li ul li {
	height:27px;
	margin-top:3px;
}
.sf-navbar li ul li a {
	padding-top: 8px;
}
.sf-navbar li ul li ul li {
	height:27px;
	margin-top:0px;
}
.sf-navbar li li {
	background:		transparent;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#EEEEEE;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#02597A none repeat scroll 0 0;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#EEEEEE;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#D8D8D8;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

.future li {
background: transparent url(../_images/speaker.gif) no-repeat scroll 0 40%;
font-size: 12px;
padding: 5px 0 5px 15px;
}
.future p {
font-size: 12px;
padding: 10px 0;
}
.future p, #newsletters p {
font-size: 12px;
padding: 10px 0;
}

.listpages {
float: right;
height: 23px;
margin: 10px 0 0;
padding: 0;
}
.listpages li {
margin: 0 2px 0 0;
height: 23px;
float: left;
font-size: 1.1em;
display: inline;
background: none;
padding: 0;
}
.listpages li.unclick {
margin: 0 2px 0 0;
height: 18px;
border: 1px solid #d0d0d0;
color: #d0d0d0;
padding: 3px 8px 0 8px;
}
.listpages li.dotted {
height: 18px;
font-size: 1.1em;
padding: 5px 5px 0 5px;
}
.listpages li a, #listpages li a:link, #listpages li a:visited {
padding: 4px 8px 0 8px;
height: 17px;
display: inline;
float: left;
border: 1px solid #0a6ba0;
color: #0a6ba0;
}
.listpages li a.active, #listpages li a.active:link, #listpages li a.active:visited {
background: #0a6ba0;
border: 1px solid #0a6ba0;
color: #fff;
}
.listpages li a:hover {
border: 1px solid #000;
color: #000;
text-decoration: none;
}