/*defaults*/
html, body, *, p, div, table, tr, td, span, h1, h2, h3, h4, ul, li, input, a, label{
	padding: 0px; 
	margin: 0px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	}
body{
	background-image: url(../images/bg.jpg); 
	background-attachment: fixed;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #dfdfdf;
}
.borderfix{border: none!important;}
.boxed{border: 1px solid #999; padding: 3px 5px; background-color: #DCE9ED;}
hr{color: #eee;}
h1{
	font-size: 22px;
	letter-spacing: -0.5px;
	color: #333;
	line-height: 30px;
	text-shadow: #aaa 0px 0px 5px;
}
h2, h3{
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #333;
	line-height: 30px;
	height: 30px;
	text-shadow: #aaa 0px 0px 5px;
}
h3{font-size: 12px;}

label{font-size: 12px; font-weight: bold; text-align: right;}

.small_login {margin-right:10px;}
ul {list-style-type:none;}

.fltrt, .right{float: right!important;}
.fltlt, .left{float: left!important;}
.clear{height: 1px; margin-top: -1px; clear: both;}
.clearleft{height: 1px; margin-top: -1px; clear: left;}
.clearright{height: 1px; margin-top: -1px; clear: right;}

a:link, a:visited{color: #666; text-decoration:none;}
a:hover{color: #999;}
a img{border: none;}

input[type="button"],input[type="submit"],input[type="reset"]
{
	padding: 2px 5px;
	color: #333;
	cursor: pointer;
}
input[type="text"], input[type="password"], textarea{border: 1px solid #999;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{background-color: #F0F9F9; border: 1px solid #B1C1D6;}

.wrap{width: 100%; text-align:center;}
.inwrap{width: 1004px; padding: 10px; margin: 0px auto; text-align: left;}

/*main nav*/

ul.nav{list-style-type: none; width: 100%;}
ul.nav li{float: left;}
ul.nav li a:link,ul.nav li a:visited{}
ul.nav li a img{height: 45px;}

#nav-loggedin{width: 136px; height: 45px; background-image: url(../images/nav/loggedin.jpg); background-position: center; background-repeat: no-repeat; padding-left: 120px;}
#nav-loggedin a:link, #nav-loggedin a:visited{line-height: 40px; font-weight: bold;}
#nav-loggedin a:hover{text-decoration: underline;}

/*content*/
.content
{
background-image: url(../images/cont-bg.jpg); 
background-repeat: repeat-x;
background-position: top;
background-color: #b2b2b2;
padding: 10px;
width: 984px;
border: 1px solid #fff;
min-height:150px;
}

.content .container{}
.content .search
{
	padding-right: 10px;
	width: 300px;
}

.content .display-scroll
{
	height: 620px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
	width: 655px;
	padding-left: 5px;
	padding-top: 10px;
	border-left: 1px solid #fcfcfc;
}

.favourite
{
	float: left;
	width: 210px;
	text-align: center;
	margin-bottom: 10px;
}

.favourite .thumb:link, .favourite .thumb:visited
{
	width: 178px;
	height: 133px;
	overflow: hidden;
	border: 1px solid #333;
	text-align: center;
	display: block;
	margin: 0px auto;
}

.favourite .thumb img
{
	margin: 0px auto; 
}

.favourite .rank{margin-left: 20px;}
.favourite .rank img{margin-right: 10px;}

.favourite .details
{
	padding: 10px 20px;
	background-image: url(../images/img-grad.png);
	width: 170px;
	background-position: top;
	background-repeat: no-repeat;
	text-align:left;
}
.favourite .rank{width: 175px;}
.rank span {font-weight: bold;}

.favourite h2 a:link, .favourite h2 a:visited
{
	color: #fff;
	text-shadow: #aaa 0px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	line-height: 14px; 
	height: 14px;
	text-align: left;
}

/*specific*/
.search h3{clear: both;}
.search h3 img{margin-right: 10px; float: left; height: 25px;}
.search label{float: left; clear: both; line-height: 30px; width: 90px; margin-right: 10px;}
.search select{float: right; width: 200px; margin-bottom: 7px;}

#footer .donate{float:left;}
#footer{text-align: right; padding-top: 10px;}

.button{margin-left: 100px;background-image: url(../images/btn-grad.jpg); background-position: top; background-repeat: repeat-x;
padding: 2px 5px; border: 1px solid #999; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.button:hover{background-image: url(../images/btn-grad-h.jpg);}

#main .text-block
{
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}
#main .content{width: 964px; padding: 20px;}
/*FACULTY DETAILS*/
#details
{
	
}
#details .content .row
{
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0px 15px;
}


/*REGISTER*/
.register{width: 330px;}
.register label{float: left; clear: both; line-height: 30px; width: 120px; margin-right: 10px;}
.register input[type="text"], .register input[type="password"], textarea{width: 180px;}
.register input, .register textarea{float: right;}
#main .column, #main .column-right{padding: 20px 70px;}
#main .column-right{border-left: 1px solid #eeeeee;}

/*FAVORITES*/
#favorite .display-scroll{width: 934px; border: none; height: auto; overflow: inherit; padding-left: 50px;}
.display-scroll hr{color: #eee;}
/*contact*/
#contact .register{width: 550px;}
#contact .register input[type="text"], #contact .register textarea{width: 400px;}
#contact .register textarea{height: 300px;}
#contact .content{padding-top: 20px;}
#contact .button{margin-top: 10px;}
#contact h3 a:link, #contact h3 a:visited{text-decoration: underline;}
/*status picker*/
.status_picker select{width: 200px;}
/*profile*/
#profile .container h3{}
#profile .bio{width: 400px; float: right;}
#profile .bio textarea, #profile .bio input[type="text"]
{
	width: 370px;
	float: right;
	margin-bottom: 10px;
	padding: 2px 5px;
}
#profile .bio textarea{height: 250px;}
#profile .bio select
{
	float: right;
	width: 290px;
	margin-bottom: 10px;
}
#profile .bio hr{clear: right;}
#profile .bio table{width: 100%;}
#profile .bio .button{margin-top: 10px; float: right; margin-left: 10px;}

#profile .profile_video{clear: left; float: left; padding-top: 10px;}
#profile .comments{}

#profile #video_container{float: left; width: 450px; clear: left; padding-bottom: 10px;}
#profile #video_container ul{width: 500px; border: 1px solid #999; list-style-type:none; padding: 0px; margin: 0px;}
#profile #video_container ul li{display: block; color: #999; margin: 0px 10px; padding: 0px; border-bottom: 1px solid #999;}
#profile #video_container ul li span{line-height: 26px; padding: 0px; margin: 0px; height: 15px; float: right; font-style:italic;}
#profile #video_container ul li b{float: left; line-height: 26px; color: #333;}

#uploader_container{clear: left; padding-top: 20px; float: left;}
#uploader_container input{width: 195px; padding: 2px 5px;}
#uploader_container .button{margin-right: 0px; margin-top: 10px; width: auto; float: right;}
#usercomments{width: 420px;}
#usercomments h2{float: right;}
#usercomments .scroll{overflow: auto; clear: right; border: 1px solid #999; background-color: #fff; color: #333; width: 400px; height: 250px; float: right; padding: 5px;}

#appointments{width: 500px; padding-top: 10px;}
#daily_container{float: right; width: 200px;}

/*this one causes trouble*/
#calendar_container{padding: 0px; float: left; width: 0px;}
#calendar_container table{margin: 0px;}

.kcms_calendar{float: left; margin: 0px;}
.schedule{width: 300px; margin:0px auto;}

#appointments .button:link, #appointments .button:visited{color: #333; float: left;}
.availability{margin-top: 10px; width: 200px;}
.availability input[type="text"], .availability select{margin-bottom: 10px;}

#notification { position: fixed; left:0; bottom:0; display:none; width:100%;}
#notification_contents {width:350px; border:2px solid #000; background:#b2b2b2; margin:0 auto;padding:5px}
.message {border: 1px solid #999; background-color: #efe; color: #333; padding:2px;}
.error {border: 1px solid #999; background-color: #fee; color: #333; padding:2px;}
.info {border: 1px solid #999; background-color: #eef; color: #333; padding:2px;}


.halfwidthcenter {width:50%; margin:0 auto;}
.row { width:300px; height:20px;}