﻿/*Clear defaults
----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;display:none;}
/*i {display:none;}*/

.break {clear:both; height:0px; line-height:0px; padding:0; margin:0;}

.extender {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
}

/*Default Styles
----------------*/
html {overflow-y: scroll;} 

body {
	font:75%  Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	background:#ffffff;
	/*text-align: -moz-center;*/
	color:#001973;
	height:auto;
	margin-left: auto;
	margin-right:auto;
}

/* hack for ie-windows */
* html body{
	/*text-align: center;*/
}
/* end hack */ 

h1 {
	background:#ffffff url(../../ui/media/images/sepdic-logo/sepdic-logo.gif) no-repeat 0 0;
	height:90px;
	width:164px;
	cursor:pointer;
	float:left;
	/*margin-left:4.2em;*/
}

/* hack for ie-windows */
* html h1{
	/*margin-left:2.3em;*/
}

h2 /*used for the main heading on the content page */
{
	/*defined in rounded-content-box css as #xsnazzy h2 */
}

h3 /*used for secondary headings on content page */
{
	 padding-left:10px;
	 font-weight:bold;
	 /*color: #9898ce;*/
	 color:#7171cf;
	 padding-top:10px;
}

h4 /*used for the search results*/
{
		margin-left:0.7em;
}

h4 a, a:link, a:visited {
	color:#ef9608;
	text-decoration:underline;
}

h5
{
	 text-indent:10px;
	 font-weight:bold;
	 color: #7171cf;
	 font-size:1.4em;
	 padding-bottom:10px;
	 padding-top:10px;
}

.link
{
	color:#ED9507;
}

/*'''''''''''''''''''CONTAINER SIZES''''''''''''''''''''''''''''''''''''''*/
#container{width:1000px;height:auto;}
#header{width:1000px;height:90px;}
#search-bar{width:1000px;height:34px;}
#main-window
{
	width:1000px;
	height:auto;
	min-height:400px;
}
#navigation
{
	height:auto;
	width:200px;
}

#content-container
{
	height:auto;
	width:800px;
}

/*---Layout Styles-------*/

#container
{
	margin: 5px auto;
}

/*----------------------------------header--------------------------*/
#header
{	
	margin:0;
	padding:0;
}

#header-links
{
	float:right;
	text-align:left;
	line-height:20px;
	padding-right:110px;
	padding-top:5px;
	padding-bottom:5px;
}

#header-links ul li
{
	border-left:solid 1px #9999c2;
	padding-left:12px;
}

#header-links ul li a
{
	color:#666666;
}

/*---------------------------------------search bar---------------------------------------*/
#search-bar
{
	background:#ef970c;
	float:right;
}

#search-bar-breadcrumbs
{
	background:url(../../ui/media/images/search-bar/search-bar-roundy-bit-left.gif) no-repeat 0 0;
	color:#ffffff;
	font-size:0.77em;
	letter-spacing:0em;
	float:left;
	padding-top:10px;
}

#search-bar-breadcrumbs ul li
{
	display:inline;
	float:left;
	text-indent:10px;
	letter-spacing:0em;
}

#search-bar-breadcrumbs ul li a
{
	color:#ffffff;
}

#search-box
{
	width:205px;
	height:33px;
	float:right;
	color:#ffffff;
	margin:0;
	padding:0 0 0 0;
}

#search-box ul li
{
	display:inline;
	height:33px;
	float:left;
}

#search-box  ul li.label
{
	height:23px;
	padding-top:10px;
	float:right;
	font-size:0.8em;
	margin-right:5px;
}

#search-box ul li.search-textbox
{
	padding-top:8px;
	height:28px;
	float:right;
}

/* hack for ie-windows */
* html #search-box ul li.search-textbox
{
	padding-top:7px;
	height:26px;
	float:right;
}

#searchtextbox
{
	width:125px;
	
}

#search-box  ul li.button
{
	height:25px;
	padding-top:8px;
	width:22px;
	float:right;
	padding-left:5px;
}

/*----------------main window / nav / content container ---------------------------------------------------*/
#main-window
{
	background:url(../../ui/media/images/general/main-window-bg2.gif) repeat-y 0 0;
	padding:0;
	margin:0;
}

#navigation
{
	
	padding-top:12px;
	float:left;
}

#content-container
{
	
	/*padding-right:5px;*/
	float:left;
}

/*------------------------------------------previous and next button-----------------------------------------*/

#previous-button
{
	width:84px;
	height:24px;
	float:right;
	padding-top:4px;
}

#previous-next-spacer
{
	width:78px;
	height:24px;
	float:right;
	margin-top:4px;
	background-color:#ef970c;
}

#next-button
{
	width:64px;
	height:24px;
	float:right;
	margin-right:10px;
	padding-top:4px;
}

#forward-back2
{
	float:right;
	width:20em;
	padding-top:0.5em;
	padding-right:0.8em;
}


#previous-button2
{
	width:84px;
	height:24px;
	float:right;
	padding-top:4px;
}

#previous-next-spacer2
{
	width:78px;
	height:24px;
	float:right;
	margin-top:4px;
	background-color:#ef970c;
}

#next-button2
{
	width:64px;
	height:24px;
	float:right;
	margin-right:10px;
	padding-top:4px;
}

/*-----------------------------------------image-box-----------------------------------------------------*/
.image-box-left, .image-box-right
{
	width:525px;
	height:auto;
	background:url(../../ui/media/images/general/content-image-box-bg-slither.gif) repeat-y;
	margin-top:10px;
	margin-bottom:10px;
}

.image-box-right
{
	float:right;
}

.image-box-left
{
	float:left;
	margin-right:20px;
}

.image-box-right .image-heading,.image-box-left .image-heading
{
	width:525px;
	height:auto;
	min-height:30px;
	background:url(../../ui/media/images/general/content-image-box-header-slither.gif)  repeat-y;
}

.image-box-right .image-heading .text,.image-box-left .image-heading .text
{
	width:450px;
	color:#ffffff;
	font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	font-size:1.4em;
	text-align:right;
	float:right;
	margin-top:4px;
}

.image-box-divider
{
	width:525px;
	height:1.1em;
	background:#ffffff;
}

.image-box-extender
{
	float:right;
}

.image-box-right .image-heading img ,.image-box-left .image-heading img
{
	float:right;
}

.image-box-right .thumbnail,.image-box-left .thumbnail
{
	width:450px;
	height:auto;
	float:right;
	margin-top:10px;
	margin-right:6px;
	margin-bottom:10px;
}



.image-box-right .text-about-figure, .image-box-left .text-about-figure
{
	width:420px;
	height:auto;
	/*color:#ffffff;*/
	font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	font-size:1.1em;
	/* font-style:italic;*/
	line-height:1.2em;
	margin-top:1px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:justify;
	float:right;
	font-size:0.9em;
}

/*------------------------------------------highlight for search----------------------------------------*/
.highlight {text-decoration:none; font-weight:bold; color:#84868c; background:#dcdcdd;}


/*-----------------------------------------error messages--------------------------------------------*/
.erroralert
{
	 color:#f33e60;
	 font-weight:bold;
}

.errormessage
{
	 color:#f33e60;
	 font-weight:bold;
}

/*----------------------------------content extenders for mozilla browsers---------------------*/
#main-extender
{
	color:#ececf4;
	background:#ececf4;
}

#content-extender
{
	color:#ffffff;
	clear:both;
}

/*----------------------------------button for slide show on Amplification page----------------------------------*/

.galleryButton
{
	font-size: 1.0em;
	display:block;
	width: 125px;
	height: 39px;
	position: relative;
	margin-left:270px;
	margin-top:10px;
	text-decoration:none;
	padding: 11px 0px 0px 40px;
	/*background: url(../../ui/media/images/gallery-png/button_gallery.png) 0 0 no-repeat;*/
}

/*---------------------------------CME Courses------------------------------------------*/
.question
{
	 margin-left:30px;
	 color:#595988;
}

.cme-courses-button
{
	float:right;
}

/*---------------------------------Bits for guidelines----------------------------------------*/

.orangehighlight
{
	background-color:#FABF5F;
	/*color:#ffffff;*/
}

.bluehighlight
{
	 background-color:#D3E4E9;
	 /*color:#ffffff;*/
}
.spectrumhighlight
{
	background-color: #FABF5F;
	font-weight:bold;
}
.figure1
{
	padding-left:70px;
}
.testtable
{
	height: 100%;
	background-color:#D3E4E9;
}

.cmeTitle
{
	font-weight: bold;
	font-size: 18pt;
}

.cmeName
{
	font-weight: bold;
	font-size: 14pt;
}
.cmeTable
{
	font-size: 12pt;
}
.cmeNote
{
	font-size: 10pt;
}