/*
Company:	Med-IQ
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html, body {
	background-color: #7e99aa;
}
/* @end */

/* @group Layout */
div#wrap {
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bd-bkg.gif) repeat-y 0 0;
	overflow: hidden;
}
/* Head */
div#hd {
	height: 76px;
	background: url(../images/hd-bkg.gif) no-repeat 0 0;
	width: 770px;
	margin-left: 10px;
}
body.subpage div#hd {
	background: url(../images/subpage-hd-bkg.gif) no-repeat 0 0;
}
div#hd-right {
	width: 600px;
	float: right;
	display: inline;
}

/* Body */
div#bd {
	padding-bottom: 30px;
}

/* Footer */
div#ft {
	text-align: center;
	line-height: 38px;
	background: url(../images/ft-bkg.gif) repeat-x 0 0;
	width: 770px;
	margin-left: 10px;
}
div#ft ul {
	margin: 0;
	padding: 0;
}
div#ft ul li {
	display: inline;
}
div#ft ul li a {
	padding: 0 10px;
	border-left: 1px solid #35506f;
	font-size: 77%;
}
div#ft ul li:first-child a {
	border-left: none;
}
div#ft ul li a:link, div#ft ul li a:visited {
	color: #1e3d5d;
	text-decoration: none;
}
div#ft ul li a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	width: 150px;
	height: 56px;
	background: url(../images/mediq-logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	margin: 15px 0 0 20px;
	float: left;
	display: inline;
}
div#logo a {
	display: block;
	height: 100%;
}

/* Search Box */
div#search-box {
	float: right;
	color: #447fab;
	margin:0px;
	padding:0px;
	margin-right:15px;
	font-size:11px;
	padding-bottom:1px;
	font-weight: bold;
	vertical-align: middle;
}
div#search-box a:link, div#search-box a:visited {
	color: #447fab;
	text-decoration: none;
}
/*div#search-box input.searchBtn {
	border: none;
	background: transparent;
	font-weight: bold;
	color: #447fab;
	padding: 0;
	margin: 0;
	width: 64px;
	vertical-align: middle;
}*/

/* Home Feature */
body#index div#feature {
	margin-left: 10px;
	width: 770px;
}
body#index h1.cme-feature {
	width: 479px;
	height: 26px;
	background: url(../images/home-feature-bkg90110.jpg) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 150px 0 0 10px;
	color: #fff;
	font-size: 123.1%;
}

/* Subpage Feature */
body.subpage div#feature {
	margin-left: 10px;
	width: 770px;
}

/* Home Cols */
div#content {
	padding-top: 10px;
}
body#index div.sidebar {
	width: 261px;
	margin-left: 10px;
	float: left;
	display: inline;
}
body#index div.main {
	width: 479px;
	margin-right: 25px;
	_margin-right: 15px;
	float: right;
	display: inline;
}
body#index div.main div.left-col {
	width: 228px;
	float: left;
	display: inline;
}
body#index div.main div.right-col {
	width: 228px;
	float: right;
	display: inline;
}

/* Subpage cols */
body.subpage div.sidebar {
	width: 261px;
	margin-left: 10px;
	float: left;
	display: inline;
}
body.subpage div.main {
	width: 479px;
	margin-right: 25px;
	float: right;
	display: inline;
}



/* Sidebar Content Box */
div.sidebar h2 {
	background: url(../images/page-hd-sidebar.gif) no-repeat 0 0;
	width: 223px;
	height: 37px;
	padding: 0 12px;
	margin: 0;
	line-height: 37px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	font-size: 123.1%;
	margin-left: 14px;
}
div.sidebar-content-box {
	width: 223px;
	background-color: #e2e2e2;
	padding: 4px 12px;
	margin-left: 14px;
}
div.sidebar-content-box ul {
	margin: 0;
	padding: 0;
}
div.sidebar-content-box ul li {
	list-style-type: none;
	padding: 2px 0;
}
div.sidebar-content-box ul li a {
	font-weight: bold;
	font-size: 93%;
}
div.sidebar-content-box ul li a:link, div.sidebar-content-box ul li a:visited {
	color: #1f4060;
}
div.sidebar-content-box ul li a:hover, div.sidebar-content-box ul li a.active:link, div.sidebar-content-box ul li a.active:visited {
	color: #982013;
	text-decoration: none;
}
div.sidebar-content-box ul li ul {
	margin: 0;
	padding: 0;
}
div.sidebar-content-box ul li ul li {
	padding-left: 10px;
}
div.sidebar-content-box-btm {
	background: url(../images/side-content-btm.gif) no-repeat 0 0;
	width: 247px;
	height: 10px;
	margin-left: 14px;
	overflow: hidden;
	margin-bottom: 20px;
}

#menuNav {
	margin-left: 0px;
	clear:both;
}

div.sidebar-content-box h3 {border-bottom: none;}

div.sidebar-search-box {
	margin-left:14px;
	padding-left:10px;
	margin-bottom: 20px;
}

.sidebar-nav {background-color:#e2e2e2; margin-left:14px; height:inherit;}

/* Main Content Box */
div.main h2 {
	background: url(../images/page-hd-main.gif) no-repeat 0 0;
	width: 455px;
	height: 37px;
	padding: 0 12px;
	margin: 0;
	line-height: 37px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	font-size: 123.1%;
}
div.main-content-box {
	background-color: #e0e0e1;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
div.main-content-box-btm {
	width: 479px;
	height: 14px;
	background: url(../images/main-content-btm.gif) no-repeat 0 0 #e0e0e1;
	margin-bottom: 15px;
	overflow: hidden;
}
div.main-content-box-btm-img {
	background-image: none!important;
	height: 27px;
}

div.main div.photo-side {
	width: 92px;
	float: left;
	display: inline;
}

div.main-content-box .icon {padding-left: 10px;}
div.main-content-box .cslogo {padding-top: 15px; padding-bottom:30px;}


/*video*/
div.main div.video-content {
	width: 237px;
	float: left;
	display: inline;
}

div.main div.photo-video{
	width:200px;
	height:143px;
	float: left;
	display: inline;
}

div.main div.photo-video a {
	display:block;
	height:143px;
	background-image:url(../images/videoImage1.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	text-decoration:none;
}


div.main div.photo-video a:hover {
	background-image:url(../images/videoImage1.jpg);
	background-repeat:no-repeat;
	background-position: right top;
}

div.main div.photo-video label{visibility:hidden;}
/*video*/


div.main div.photo-content {
	width: 347px;
	float: left;
	display: inline;
}


div.main div.photo-content h3 {
	margin-left: 0!important;
}

/* Inner Content */
div.main div.inner-content {
	width: 448px;
	background: url(../images/main-inner-top.gif) no-repeat 0 0 #f1edea;
	margin-left: 15px;
	padding-top: 10px;
	/*padding-bottom: 1px;*/
	overflow: hidden;
}


#mm-menu {background: url(../images/mm-top.gif) no-repeat 0 0 #516f8e; color:#C00}

div.main div.inner-content div.pad {
	/*overflow: hidden;
	padding: 1px 10px;*/
}
div.main div.inner-content h3 {
	border-bottom: none!important;
	font-size: 100%!important;
}
div.main div.inner-content-btm {
	width: 448px;
	margin-left: 15px;
	overflow: hidden;
	margin-bottom: 15px;
}
div.main div.inner-content-btm img {
	float: left;
	display: inline;
}
a.view-program-btn {
	display: block;
	margin: 0 10px 0 0;
	float: right;
	display: inline;
}

div.main div.inner-content h4{padding-left:15px; float:left;}
h4.seriesList {padding-left:15px; float:left; width:80%;}

div.main div.inner-content h5{
	border-bottom: 1px #57799d solid;
	padding: 10px 15px 5px 0px!important;
	margin: 0 0 10px 15px!important;
	color: #57799d!important;
	font-size: 105%!important;
	float: left;
	width:400px;	
}

div.main div.inner-content h5.no-line {border-bottom: none; padding-bottom:10px;}

/* Multi-Module menu settings */
#mm-menu .frames {
	width:440px;
	margin:0 4px 6px 4px;
}


.s-btm, .s-top {height:18px; background: url(../images/mmBoxSprite.gif)}

.start {background: url(../images/start-bkgrnd.gif) repeat-y;}
.start .s-top {background-position: 0 0; background-color: #516f8e; }
.start .s-btm {background-position: 0 126px; background-color: #516f8e;}
.start .status {color:#090;}

.incomplete {background: url(../images/incomplete-bkgrnd.gif) repeat-y;}
.incomplete .s-top {background-position: 0 72px; background-color: #F2EAEC;}
.incomplete .s-btm {background-position: 0 54px; background-color: #F2EAEC;}
.incomplete .status {color:#F00;}

.complete {background: url(../images/complete-bkgrnd.gif) repeat-y;}
.complete .s-top {background-position: 0 108px; background-color: #DDDEDF;}
.complete .s-btm {background-position: 0 90px; background-color: #DDDEDF;}
.complete .status {color:#003;}

.unavailable {background: url(../images/unavailable-bkgrnd.gif) repeat-y;}
.unavailable .s-top {background-position: 0 36px; background-color: #DDDDDE;}
.unavailable .s-btm {background-position: 0 18px; background-color: #DDDDDE;}

#mm-menu .unavailable h6 {color:#666;}
#mm-menu .unavailable h4, #mm-menu .unavailable p {color:#999;}
#mm-menu .unavailable img.gstart {margin-right:19px;}


#mm-menu h4 {width:auto;}
#mm-menu h6 {font-size:12px;}
#mm-menu .featureImg {margin:0 0 0 15px;}
#mm-mene p {margin-bottom:-12px;}

/* End Multi-Module menu settings */

/* Footer Content Box for Core Products */
div.main div.footer-inner-content {
	position:relative;
	background-color: #fff;
	padding-top: 10px;
	padding-right:5px!important;
	margin-bottom:15px;
	margin-right:0px;
	margin-left:10px;
	
	/*padding-bottom: 1px;*/
	overflow: hidden;
}






.threeListing {float:left; background: url(../images/footer-inner-top140.gif) no-repeat 0 0; width:135px; }
.twoListing {float:left; background: url(../images/footer-inner-top215.gif) no-repeat 0 0; width:210px;}
	.twoListing p {clear:left;}
.oneListing {background: url(../images/footer-inner-top448.gif) no-repeat 0 0; width:443px; margin-left: auto; margin-right:auto;}
.resource {
	left:-12px;
}

.resource p {padding-left:17px;}
.threeListingHome {float:left; background: url(../images/footer-inner-top140home.gif) no-repeat 0 0; width:135px;}

.twoListingHome {float:left; background: url(../images/footer-inner-top215home.gif) no-repeat 0 0; width:210px;}
	.twoListingHome p {clear:left;}
.oneListingHome {background: url(../images/footer-inner-top448home.gif) no-repeat 0 0; width:443px;  margin-left: auto; margin-right:auto;}


div.main div.footer-inner-content div.pad {
	/*overflow: hidden;
	padding: 1px 10px;*/
}

div.main div.footer-inner-content-btm {
	height:12px;
	margin-top: 0px;
	overflow: hidden;
	background-color: #fff;
	position:relative;
	bottom:0px;
	clear:both;
}

.threeListingBtm {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat 0 -60px; width:140px; }
.twoListingBtm {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat 0 -36px; width:215px;}
.oneListingBtm {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat 0 -12px; width:448px;}

.threeBtmHome {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat -448px -60px; width:140px; }
.twoBtmHome {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat -448px -36px; width:215px;}
.oneBtmHome {background: url(../images/footer-innter-bottom-sprite.gif) no-repeat -448px -12px; width:448px;}

div.main div.footer-inner-content img {
	display:block;
	padding-top:5px;
	margin-left:10px;
	margin-right:15px;
}

div.main div.footer-inner-content p {margin-left:10px; margin-right:5px; margin-bottom:0px;}

div.main div.footer-inner-content img.boxfix {margin-left:0px;}
div.main div.footer-inner-content a:hover {text-decoration:none;}


/* Padding for Content */
.pad {
	padding-left: 10px;
	padding-right: 10px;
}
body.subpage div.main .pad {
	padding-left: 20px;
	padding-right: 20px;
}
.sub-side-pad {
	padding-left: 24px;
}

.sub-side-pad-menu {
	padding-left: 12px;
	padding-bottom:10px;
	color: #1e3d5d;
}


/* Content Button */
.content-btn {
	text-align: center;
	margin-bottom: 20px;
}

/* Also Visit */
div.also-visit ul {
	margin: 0 0 15px 0;
	padding: 0;
}
div.also-visit ul li {
	list-style-type: none;
	line-height: 110%;
	padding: 0;
}
div.also-visit ul li a {
	font-weight: bold;
	font-size: 11px;
	line-height:15px;
}
div.also-visit ul li a:link, div.also-visit ul li a:visited {
	color: #1f4060;
}
div.also-visit div.col1 {
	margin-left: 14px;
	width: 29%;
	margin-right: 3%;
	float: left;
	display: inline;
}
div.also-visit div.col2 {
	width: 29%;
	margin-right: 3%;
	float: left;
	display: inline;
}
div.also-visit div.col3 {
	width: 29%;
	float: left;
	display: inline;
}


/* Program Buttons */
div.program-buttons {
	width: 141px;
	margin-right: 10px;
	float: right;
	display: inline;
}
div.program-buttons a {
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}




.button a {
	background:url(../images/buttons/btn-mmsprite.png);
	display:block;
	width:86px;
	height:20px;
	text-decoration:none;
	position:relative;
	right:19px;
	padding-right:0px;
}

.button a:hover {text-decoration:none;} 


.start a {
	background-position:0 0px;
}
.start a:hover {
	background-position:86px 0;
}


.incomplete a {
	background-position:0 64px; height:21px;
}
.incomplete a:hover {
	background-position:86px 64px;
}


.complete a {
	background-position:86px 41px; height:21px;
}
.complete a:hover {
	background-position:0 41px;
}

.certificate a {
	background-position:86px 21px; height:21px; margin-top:4px;
}
.certificate a:hover {
	background-position:0 21px;
}
/*End Buttons*/


/* Transcript Table */
div.transcript-div {
	height: 1px;
	background: url(../images/transcript-table-div.gif) repeat-x 0 0;
	margin: 10px 0;
}
table.transcript th {
	text-align: left;
	color: #1e3d5d;
	white-space: nowrap;
}
table.transcript td, table.transcript th {
	border: none;
	padding: 4px 6px;
	color: #1e3d5d;
	font-size: 93%;
}
table.transcript td {
	vertical-align: top;
}
p.total-credits {
	font-weight: bold;
	font-size: 108%!important;
	text-align: right;
}

/* @end */


/* Sidenav */
ul#sidenav {
	width: 223px;
	padding-bottom: 10px;
	margin: 0;
}


ul#sidenav li {
	list-style-type: none;
	width: 100%;
	float: left;
	display: inline;
}
ul#sidenav li a {
	font-weight: bold;
	padding: 1px 0 1px 25px;
	display: block;
	font-size: 93%;
}
ul#sidenav li a:link, ul#sidenav li a:visited {
	color: #1e3d5d;
	text-decoration: none;
}
ul#sidenav li a:hover {
	color: #982013;
}
ul#sidenav li a.active:link, ul#sidenav li a.active:visited {
	color: #982013;
	text-decoration: none;
}

ul#sidenav li ul {
	margin: 5px 10px;
}
ul#sidenav li ul li a {
	font-weight: normal;
	display: block;
}
/* @end */

/* Bottom Nav */
.bottomMenuLeft{float:left;width:200px;padding:15px;}
.bottomMenuRight{float:right;width:200px;padding:15px;}

/* @group Default Headings */
div#content h3 {
	font-size: 123.1%;
	font-weight: bold;
	color: #982013;
	border-bottom: 1px solid #d2dde4;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}
body.subpage div#content div.main h3 {
	border-bottom: 1px solid #799fbe;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
body#index div.sidebar h3 {
	padding-left: 25px;
}

div.main div.line-heading {
	background: url(../images/line-heading-bkg.gif) repeat-x 0 50%;
	margin: 0 15px 15px 15px;
}

div.main div.line-heading h3 {
	border-bottom: none!important;
	background-color: #e0e0e1;
	padding: 0 0 0 15px!important;
	margin: 0!important;
	color: #57799d!important;
	text-transform: uppercase!important;
	font-size: 85%!important;
	float: right;
	display: inline;
}

.home {
	background-color:#f1edea!important;
}


div.main div.noline-heading h3 {
	border-bottom: none!important;
	background-color: #e0e0e1;
	padding: 0px 15px 5px 20px!important;
	margin: 0!important;
	color: #57799d!important;
	font-size: 100%!important;
	float: left;
	display: inline;
}

div.main h3.program-head {
	margin: 0 0 10px 0!important;
	background-color: #d4d4d5!important;
	border-bottom: none!important;
	padding: 10px 15px 10px 15px!important;
	font-weight: bold!important;
}

div.main h4 {
	font-size: 100%;
	font-weight: bold;
	color: #1e3d5d;
}



div.main h4.space {
	margin-bottom: 15px;
}
div.main h4.program-name {
	margin: 0 15px 10px 15px;
	font-size: 108%;
	font-weight: normal;
}
div.main h4.upper {
	font-size: 108%;
	text-transform: uppercase;
}

div.main h5.program-register {
	font-weight: normal;
	margin: 0 15px 0 15px;
	font-size: 108%;
	color: #1e3d5d;
}
div.main p.program-register {
	margin: 0 15px 15px 15px;
}
div.main p.program-register a:link, div.main p.program-register a:visited {
	color: #1e3d5d;
	text-decoration: none;
	border-bottom: 1px dotted #1e3d5d;
}
div.main p.program-register a:hover {
	text-decoration: none;
	border: none;
}

div.main h5 {
	font-weight: bold;
	color: #1e3d5d;
	font-size: 93%;
}

div.main h6 {
	font-size: 85%;
	font-weight: bold;
	color: #1e3d5d;
}
/* @end */

/* @group Common Text Styles */
div.main p, div.sidebar p, div.main ul, div.main ol, div.main dl {
	font-size: 93%;
	color: #1e3d5d;
	line-height: 140%;
}
/* @end */

/* @group Default Lists */
ul.blue-list {
	margin-left: 0;
}
ul.blue-list li {
	padding-left: 0;
	margin-left: 0;
	list-style-position: inside;
}
ul.blue-list li a:link, ul.blue-list li a:visited {
	color: #1e3d5d;
	font-weight: bold;
}
/* @end */

/* @group Forms */
/* Create Med IQ Profile Form */
p.required {
	text-align: right;
	padding: 0 25px 0 0;
	font-size: 85%!important;
}
form fieldset h4 {
	font-weight: bold;
	font-size: 100%;
	color: #1e3d5d;
	background-color: #cdcecf;
	padding: 3px 20px;
}
form fieldset {
	margin-bottom: 20px;
}
div.row, div.submit-row {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
}
div.submit-row {
	text-align: right;
	color: #fd1b14;
}
div.row label {
	float: left;
	font-size: 93%;
	color: #1e3d5d;
	padding: 2px 0 0 0;
	width: 150px;
	display: inline;
}
div.row input, div.row textarea {
	font-size: 100%;
	font-family: Arial, sans-serif;
}
form div.row .txt {
	width: 190px;
	border: 1px solid #ccc;
	padding: 2px;
}
form div.row .txt-wide {
	width: 280px;
	border: 1px solid #ccc;
	padding: 2px;
}
form div.row .txt-short {
	width: 60px;
	border: 1px solid #ccc;
	padding: 2px;
}
form div.row label.inline-label {
	width: auto;
	margin-right: 10px;
	float: left;
	display: inline;
}
form div.row label.inline-label input.radio {
	margin-right: 2px;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #982013;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */






/* Comment Form*/
form label {width:100px; display:block; float:left;}
.form_required {line-height: 14px; font-weight: bold; color:#C00; }
.form_field {font-size: 12px;}
form .form_button {float:right; margin-right:18px;} 
/* @end */


/*Activity Listings*/
.collaboration {float:left; margin-right:10px; width:171px;}
	
.collaboration img {margin-right:10px; margin-bottom:-15px;}
.facultyText {min-height:100px; margin-left:100px; _height:100px;}
.collaborationLogo img {margin-right:15px; margin-bottom:-15px;}
.collaborationLogo {float:left; position:relative; right:0px;}
.collaborationLogo p {margin-bottom:0px; width:250px;}

/* @group Misc */

.button label {width:86px;}

.hidden {
	visibility:hidden;
}

.clock {margin: -10px 0 7px 0;}

.floatRight {float:right;}
.floatLeft {float:left;}

.cplogolrg{
	margin: -10px 0 10px 0;
	margin-right:20px;
}

.clearLeft {clear:left;}
.clearRight {clear:right;}

.clear {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block; clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */