a.blueLink{
	color:#0066cc;
}
a:hover{
	color:#0099ff;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
a.control{
	color:#0099ff;
	font-size:0.9em;
}

form h3{
	color:#2f6681;
	border-bottom:1px solid #d7d4b6;
}
form .inputinfo{
	border:0px solid #cccccc;
	padding-left:2px;
	color:#666666;
	width:60px;
}


#leftNav{
	background-color:#e0e7e7;
	text-align:left;
	padding-left:15px;
	width:150px;
	border-left:1px solid #87afc3;
	border-bottom:1px solid #87afc3;
	top:0px;
	left:0px;
	float:left;
}
#leftNav ul{
	list-style-type:none;
	padding:0px;
	margin-left:0px;
	margin-right:5px;
}
#leftNav ul li{
	border-bottom:2px solid #87afc3;
	padding-bottom:5px;
	padding-top:5px;;
}
#leftNav ul li a{
	color: #87afc3;
	font-weight:bold;
}
#leftNav ul li li{
	margin-left:15px;
}
#leftNav ul li li a{
	color:#2f6681;
}
#leftNav ul li li{
	border-bottom:1px solid #ffffff;
}
#leftNav ul li.closed{
	display:none;
}
#leftNav li li a{
	font-weight:normal;
}
#rightContent{
	float:right;
	width:749px;
	border:0px solid #cccccc;
}

.centerColumn{
	margin:0px auto;
	text-align:center;
}
.centerColumn table{
	margin:0px auto;
}
.centerColumn h3{
	padding-bottom:2px;
	margin-bottom:2px;
	margin-top:10px;
}
.centerColumn form{
	width:100%;
	text-align:center;
}
.formTitle{
	margin-top:5px;
	margin-bottom:5px;
	color:#87afc3;
	font-weight:bold;
}
.attachments{
	margin-top:20px;
	width:450px;
}
.attachments ul{
	margin-top:2px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.registerBox{
	float:left;
	width:450px;
}
.loginBox{
	float:right;
	width:350px;
}

.welcomeBG{

}
.optionBox{
	background-color:#e3e3e4;
	text-align:left;
	padding:10px;
	margin:5px;
	width:400px;
	position:relative;
}
.boxtop{
	background-image:url(../images/boxtop_y.gif);
	height:14px;
	width:420px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
.boxbottom{
	background-image:url(../images/boxbottom_y.gif);
	height:14px;
	width:420px;
	background-repeat:no-repeat;
	padding:-10px;
	margin:-5px;
	clear:both;
	position:absolute;
	left:5px;
	bottom:0px;
}
.alert{
	color:#990000;
}
.small{
	font-size: 0.9em;
}




/*
	inputFormWide used for wider data entry areas 
*/

ul.inputFormWide{
	list-style-type:none;
	width:690px;
}


ul.inputFormShort{
	list-style-type:none;
	width:690px;
}

ul.inputFormWide .textInput{
	width:525px
}
ul.inputFormShort .textInput{
	width:300px
}
ul.inputFormWide label{
	display:block;
	float:left;
	width: 75px;
}
ul.inputFormShort label{
	display:block;
	float:left;
	width: 66px;
	margin-bottom:3px;
}
ul.inputFormWide li{
	text-align:left;
	clear:both;
	padding-top:2px;
	padding-bottom:2px;
}
ul.inputFormShort li{
	text-align:left;
	clear:both;
	padding-top:4px;
	padding-bottom:4px;
}

textarea.textLang{
	height:115px;
	width:525px;
}
ul.inputFormWide textarea{
	width:525px;
}
ul.inputFormShort textarea{
	width:300px;
}
.textInputSmall{
	width:25px;
}
.hidden{
	display:none;
}
.show{
	display:block;
}
.required{
	font-weight:bold;
	color: #000033;
}

/* inputForm22 - used for quick small forms like login */
.inputForm2{
	font-size:.8em;
	font-weight:bold;
}
ul.inputForm2{
	list-style-type:none;
}

ul.inputForm2 label{
	display:block;
	float:left;
	width:75px;
}
ul.inputForm2 li{
	text-align:left;
	clear:both;
}

ul.inputForm2 .textInput{
	width:125px;
}
ul.inputForm2 .textArea{
	width:10px;
	height:100px;
}

ul.inputForm2 .hidden{
	display:none;
}
ul.inputForm2 .show{
	display:block;
}








.loginBox ul.inputForm1 .textInput{
	width:150px;
	font-size:1.2em;
}
.loginBox ul.inputForm1 label{
	display:block;
	float:left;
	width: 100px;
}
.coursePreview{
	text-align:left;
	padding:2px;
	width:600px;
	margin:0px auto;
}
.courseTitle{
	font-weight:bold;
}


.sortasc{
	background-image:url(../images/asc.gif);
	background-repeat:no-repeat;
}
.sortasc a{
	display:block;
	padding-left:12px;
}
.sortdesc{
	background-image:url(../images/desc.gif);
	background-position:2px;
	background-repeat:no-repeat;
}
.sortdesc a{
	display:block;
	padding-left:12px;
}
.listData td.disabled{
	background-color:#e2e2e2;
}


/*
#saveOutline a{
	display:block;
}
#saveOutline{
	height:15px;
	width:150px;
	background-color:#e0e7e7;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #2f6681;
	border-right:2px solid #2f6681;
	font-size:.9em;
	float:left;
	margin-right:12px;
}
*/


#duplicateCourse a{
	display:block;
}
#duplicateCourse{
	height:15px;
	width:150px;
	background-color:#fddaa2;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #f78c01;
	border-right:2px solid #f78c01;
	font-size:.9em;
	float:left;
	margin-right:12px;
}
#globalDelete a{
	display:block;
}
#globalDelete{
	height:20px;
	width:150px;
	background-color:#ebcfcf;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:25px;
	border-bottom:2px solid #5b0c0c;
	border-right:2px solid #5b0c0c;
	font-size:.9em;
	line-height:.9em;
	float:left;
}

li.controls{
	padding-left:80px;
}
.button1{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e0e7e7;
	border:1px solid #87afc3;
	width:90px;
	text-align:center;
	clear:both;
	float:left;
}
.button1 a{
	display:block;
}
.button2{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e2bfbf;
	border:1px solid #610000;
	width:90px;
	text-align:center;
	margin-left:5px;
	/*margin-left:100px;*/
	float:left;
}
.button2 a{
	color:#610000;
	display:block;
}
.button3{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e7e7e7;
	border:1px solid #666666;
	width:90px;
	text-align:center;
	margin-left:5px;
	float:left;
}
.button3 a{
	color: #666666;
}
.sendButton a{
	display:block;
}
.sendButton{
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background-color:#e0e7e7;
	border:1px solid #87afc3;
	text-align:center;
	clear:both;
}
.subjectSelect{
	font-size:1em;
	background-color:#e0e7e3;
	float:left;
	margin-right:10px;
}


ul.imageSelectGallery{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.imageSelectGallery li{
	padding:1px;
}
ul.imageSelectGallery li a img{
	border:2px solid #CCCCCC;
}
ul.imageSelectGallery li.selected a img{
	border:2px solid #ffff00;
}
ul.imageSelectGallery li{
	float:left; 
}
textarea.message{
	width:376px;
	height:180px;
}