@import "../../../support/css/reset.css";
@import "../../../support/css/common.css";
@import "../../../support/css/thickbox.css";

body{
	background: #F3F3F3 url(../images/bg2.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0;
}

#home {
	background: #ffffff url(../images/bg-home.png) repeat-x;
}

a{
	color: green;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
p{
	margin:10px 0;
}
#wrapper {
	width: 960px;
	margin: auto;
	min-height: 450px;
}

#header
{
	margin:15px 0 0 0;
	display: block;
	height: 130px;
}
#header table{
	padding: 0px;

	margin: 0;
}
.homelogo{
	text-indent: -2000px;
	background-image: url(../images/logo.png);
	width: 105px;
	height:106px;
	display: block;
	margin-top: -10px;
	float: left;
}

#welcomebox{
	background-color: #E5E5E5;
	float: right;
}
#welcomebox span{
	float:  left;
	color: green;
	font-weight: bold;
	font-size: 0.85em;
}

#welcomebox span a{
	color: green;
	text-decoration: none;
}
#welcomebox span a:hover{
	text-decoration: underline;
}

#welcomeleft
{
	background-image: url(../images/welcome-left.png);
	width: 8px;
	height:30px;
	margin-right: 10px;
	display: block;
}

#welcomeright
{
	background-image: url(../images/welcome-right.png);
	width: 8px;
	height:30px;
	margin-left: 10px;
	display: block;
}

.homeflashwrap{
	/*border: 1px solid #17549E;*/
}
.navwrapper{
	margin: 8px 0 0 0;
}
/* CA Menu */
.titem{
	font-size: 1.25em;
	color: #4e4e4e;
	text-decoration: none;
	padding-right:15px;
}
.titemhover{
	font-size: 1.25em;
	padding-right:15px;
	color: #15519D;
	text-decoration: none;
	cursor: pointer;
}
.sitem{
	background-color: #C8DBE7;
	border-bottom: 1px solid #B7C9D3;
	border-left: 1px solid #B7C9D3;
	padding: 5px 8px;
	color: #15519D;
}
.sitemhover{
	background-color: #15519D;
	cursor: pointer;
	border-bottom: 1px solid #B7C9D3;
	border-left: 1px solid #B7C9D3;
	padding: 5px 8px;
	color: #ffffff;
}

#content{
	margin: 5px 0 0 0;
	min-height: 500px;
	height:auto !important;
	height:500px;
	border: 1px solid #999999;
	background: #ffffff url(../images/sidebg.png) repeat-y;
}

#homecontent{
	margin: 0;
/*	min-height: 500px;
	height:auto !important;
	height:500px;*/
}

.homebox{
	width:298px;
	height: 225px;
	float: left;
	display: block;
	margin: 10px 0 15px 15px;
	background: #ECEAED url(../images/homeboxbg.png) repeat-x;
	border: 1px solid #17549E;
	overflow: hidden;
	padding: 5px;
}
.homeboxfirst{
	margin: 10px 0 0 0;
	
}

.homebox h2{
	font-weight: normal;
	font-size: 1.3em;
	padding: 5px;
	background: url(../images/homeboxh2bg.png) repeat-x bottom;
}

.homebox p{
	font-size: .9em;
}

#leftcolumn{
	float: left;
	width: 285px;
}

.sidebox{
	width: 265px;
	margin:9px;
}
.sidebox h2{
	color: green;
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px 10px;
	background: url(../images/sideline.png) repeat-x bottom;
}
.sidelist{
	padding: 0px;
	list-style: none;
}
.sidelist li{
	color: #15519D;
	padding: 5px 5px 5px 15px;
	font-size: .9em;
	line-height: 1.3em;
	border-bottom: 1px solid #D1C49A;#D1C49A
}

.navchild{
	margin-left: 0;
	padding: 0px;
}
.navchild li{
	list-style: none;
	padding-bottom: 0;
	padding-left: 17px;
	border: none;
	background: url(../images/bullet_go.png) no-repeat 0 4px;
}

.sidelink{
	font-size: 1.2em;
	text-decoration: none;
	color: #15519D;
}
.sidelink:hover{
	text-decoration: underline;
}
.sidelink:active{
	font-weight: bold;
}

#maincolumn{
	float: right;
	width:654px;
	padding: 5px 8px;
	min-height: 550px;
	font-size: .95em;
}



#maincolumn h1{
	color: green;
	font-size: 1.2em;
	background: url(../images/sideline.png) repeat-x bottom;
	font-weight: normal;
	padding: 12px 0 10px 0;
}

#maincolumn h5{
	color: #15519D;
	font-size: 1.2em;
	background: url(../images/sideline.png) repeat-x bottom;
	font-weight: normal;
	padding: 5px
}
#maincolumn ul  li{
	margin-left:15px;
}
.clist{
	margin: 5px;/* 5px 5px 35px;*/
	list-style: none;
}
.clist li
{
	padding: 3px 3px 3px 20px;
	background: url(../images/folder.png) no-repeat 0px 3px;
}
label{
	float: left;
	width: 100%;
}
.message{
	margin: 10px 0;
	line-height: 1.3em;
}
.bold{
	font-weight: bold;
}

#footwrap{
	background: #e7e6e8 url(../images/footbg.png) repeat-x;
	border-top: 1px solid #999999;
	min-height: 60px;
	margin-top: 15px;
}

#footer {
	width: 960px;
	padding: 5px;
	margin: auto;
}

#footnav{
	padding: 0px;
	list-style: none;
	text-align: center;
}
#footnav li
{
	display: inline;
	float: left;
}

#footnav li a
{
	font-size: 0.9em;
	margin-right:15px;
	color: #4e4e4e;
	text-decoration: none;
}
#footnav li a:hover
{
	color: #15519D;
	text-decoration: underline;
}
#copy
{
	font-size: 0.75em;
	margin: 5px 0;
	color: #4e4e4e;
}

.clearboth{
	clear: both;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.convid {
	float: right;
	margin: 5px;
	width: 400px;
	text-align: right;
	padding: 1px;
}
.campuslogo{
	margin: 0 0 10px 10px;
/*	padding: 3px;
	border: 1px solid #15519D;*/
}
.topiclist li{
	list-style: none;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom: 1px solid #D1C49A;
}

.topiclist li h4{
	color: #FF6600;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom:5px;
}

#whatsnew{
	background: url(../images/asterisk_orange.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 35px;
	margin:10px 0;
}

.courselist li{
	list-style: none;
	margin:10px 0;
	padding-bottom:5px;
	border-bottom: 1px solid #D1C49A;
}

.pointer{
	cursor: pointer;
}

.listchild{
	margin-left: 25px;
}
.listchild li{
	list-style: none;
	margin:10px 0;
	padding-bottom: 0;
	border:none;
}



.courselist li a{
	font-weight: normal;
}

.courseact{
	color: #4e4e4e;
}
.length{
	color:#000000;
	margin-right:5px;
	font-weight: normal;
}
.courseinact{
	font-weight: bold;
}
.toppad{
	height: 10px;
}
.cthumb{
	padding-right: 5px;
}
.cdetail{
	margin:3px 0;
}
.cdetail label{
	
	font-weight: bold;
	float: none;
	width: auto;
}
.btncol{
	width:170px;
	padding: 1px;
	background: url(../images/btncolbg.png) repeat-y right;
	text-align: right;
}

.btncol div{
	margin:5px;
	text-align: right;
}
.textbuttonwrap{
	overflow: hidden;
   width: 100%; 
	margin-top: 5px;
}
a.textbutton {
    background: transparent url(../images/btn-r.png) no-repeat scroll top right;
    color: #ffffff;
	 font-weight: bold;
	 font-size: .85em;
    display: block;
    float: right;
    height: 34px;
    margin-left: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.textbutton span {
    background: transparent url(../images/btn-bg.png) no-repeat;
    display: block;
    line-height: .85em;
    padding: 5px 0 10px 10px;
}


a.textbutton span img {
	vertical-align: middle;
	margin:3px 5px 0 0;
	border: none;
}

a.textbutton:hover {
    color: #4e4e4e;
	 text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.formfs {  
	width: 640px;  
	margin: 10px 0 0 0;  
	padding: 0 0 1em 10px;  
	border: 1px solid #BFBAB0;  

}

.formfs legend {
	font-size: .9em;
	font-weight: bold;
	color:#4E4E4E;
}

.formfs ol{
	list-style: none;
}
.formfs label{
	float: left;
	width: 150px;
	display: block;
	padding: 6px 0;
	
}
.formfs input{
	float: left;
	width: 200px;
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #D1C49A;
	background-color: #ffffff;
}
.formfs textarea{
	float: left;
	width: 200px;
	height: 100px;
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #D1C49A;
	background-color: #ffffff;
}
.formfs ol li{
	padding: 5px 0;
	clear: both;
}
.formfs .buttonpad{
	margin-left:150px;
}
.buttonpad input{
	background-color: #f4f4f4;
	width: auto;
}
.valerror{
	background: url(../images/exclamation.png) no-repeat 3px 6px;
	padding: 6px 22px;
}
.halfbox{
	width: 315px;
	padding: 5px;
}
.middletable{
 	margin-left: auto;
	margin-right: auto;
}
.middletable td{
	padding: 3px;
}

.whitepapers{
	margin: 5px;/* 5px 5px 35px;*/
	list-style: none;
}
.whitepapers li{
	list-style-type: none;
	border-bottom:  1px solid #7faaca;
	padding:5px 0;
	margin-bottom: 5px;
	
}
.whitepapers h3
{
	font-size: 1em;
	padding: 3px 3px 3px 25px;
	background: url(../images/page_white_acrobat.png) no-repeat 0px 3px;
	
}
.whitepapers p{
		padding: 0 3px 3px 25px;	
}

.proimglink{
	text-align: center;
}
.proimglink a{
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
.proimglink img{
	padding: 3px;
	border:1px solid #15519D;
}

.resperror, .respinfo, .respsuccess, .respalert {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
}

.resperror {
	color: #D8000C;
	background: url(../images/resperror.png) #FFBABA no-repeat 10px center;
}

.respinfo {
	color: #00529B;
	background: url(../images/respinfo.png) #BDE5F8 no-repeat 10px center;
}

.respalert {
	color: #9F6000;
	background: url(../images/respalert.png) #FEEFB3 no-repeat 10px center;
}

.respsuccess {
	color: #4F8A10;
	background: url(../images/respsuccess.png) #DFF2BF no-repeat 10px center;
}


.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;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit;
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #ffffff;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:	0;
	top: 2.5em;
	z-index:	99;
}
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;
	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;
	top: 0;
}

.sf-menu {
	float: left;
	margin-bottom:	0;
}
.sf-menu a {
	padding: .75em 1em;
	text-decoration: none;
}
.sfsub a, .sfsub a:visited  {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}

.sf-menu li li {
	background: #7FAACA;
	border-bottom: 1px solid #DDE5EA;
}
.sf-menu li li li {
	background: #7FAACA;
	border-bottom: 1px solid #DDE5EA;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #15519D;
	color: #ffffff;
	outline:	0;
}

.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
}
.sf-sub-indicator {
	position: absolute;
	display:	block;
	right: .75em;
	top: 1.05em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
	top: .8em;
	background-position: 0 -100px;
}

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;
}

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.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;
}

.sf-shadow ul {
	background:	url('../images/shadow.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;
}
.sfsub{
	border-left: 1px solid #DDE5EA;
	border-right: 1px solid #DDE5EA;
	font-size: 1em;
}
.sfsub a{
	padding:3px;
}

.sftop a{
	padding: 10px 5px;
	color: #4E4E4E;
}

.sfsub a{
	color: white;
	font-weight: normal;
}

.sftop:hover,
.sftop.sfHover,
.sftop a:focus,
.sftop a:hover,
.sftop a:active {
	color: #ffffff;
	background-color: transparent;
}

.sftop{
	/*font-size: 1.25em;*/
}


#campussearch, #topicview{
	background-color: #F3f3f3;
	padding: 2px 6px 6px 6px;
	border: 1px solid #cccccc;
	margin: 5px;
	-moz-border-radius:5px;
}
#campussearch div, #topicview div{
	font-size: 12px;
	color: #999999;
}
#campussearch .searchbox{
	width:210px;
}

#topicview .searchbox{
	width:235px;
}