html {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

label{ cursor: pointer; }

body {
	font: 11px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;	
	color: #333;
	background: #7F7D82;
		
}

h1
{	
	position: relative;
	top: 4px;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 6px;
}

div#containerLeft
{
	float: left;
	background: url("/Images/Layout/Main/ShadeLeft.gif") repeat-y;
	width: 17px;
	position: relative;
	
}

div#containerLeftCorner
{
	width: 17px;
	height: 39px;
	background: url("/Images/Layout/Main/ShadeLeftCornerBottom.gif") repeat-y;	
	position: absolute;
	left: 0px;
	bottom: -1px;
}

div#containerLeftTop
{
	width: 17px;
	height: 24px;		
	background: url("/Images/Layout/Main/ShadeLeftCornerTop.gif") repeat-y;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#containerRight
{
	float: left;
	background: url("/Images/Layout/Main/ShadeRight.gif") repeat-y;
	width: 17px;
	position: relative;
}

div#containerRightCorner
{
	width: 17px;
	height: 49px;
	background: url("/Images/Layout/Main/ShadeRightCornerTop.gif") repeat-y;
	position: absolute;
	top: 0px;	
}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 1007px;
}



div#container div#containerMain{
	width: 972px;
	float:left;	
}

div#container div#containerMain div#Bottom
{
	clear: both;
	background: url("/Images/Layout/Main/ShadeBottom.gif") no-repeat;
	height: 14px;
}

div#top
{
	width: 100%;
}

div#top div#TopContent
{	
	width: 100%;
	position: relative;	
	height: 69px;
}

div#top div#TopContent div#RightCorner
{
	background-image: url(/Images/Layout/Main/TopRightCorner.gif);
	width: 127px;
	height: 69px;
	float: right;
}

div#top div#TopContent div#LogoLeft{
	width: 198px;
	height: 69px;
	background-image: url(/Images/Layout/Main/LogoLeft.gif);
	float: left;
}

div#top div#LogoRight{
	width: 127px;
	height: 69px;	
	float: left;
}

div#top div#SearchTool{		
	position: absolute;
	right: 158px;
	top: 30px;
	width: 180px;		
}

div#top div#SearchTool input
{
	width: 132px;
	height: 20px;
	border: 1px solid #7f7e83;
	float: left;
	margin-top: 2px;
	line-height: 20px;
	padding-left: 3px;
}

div#top div#SearchTool div#SearchButton
{
	cursor: pointer;
	width: 28px;
	height: 28px;	
	background-image: url(/Images/Layout/Main/SearchButton.gif);
	float: right;
}


div#top div#HorizontalBar
{
	clear: both;	
	
}

div#top div#HorizontalBar ul#HorizontalMenu
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%
}

div#top div#HorizontalBar ul#HorizontalMenu li
{	
	float: left;
	list-style-type: none;
	text-align: center;			
}

div#top div#HorizontalBar ul#HorizontalMenu li a {		
	background-repeat: repeat;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 26px;
	width: 100%;
}

div#top div#HorizontalBar ul#HorizontalMenu li.item1
{
	width: 197px;
	border-right: 1px solid #ccc;
}

div#top div#HorizontalBar ul#HorizontalMenu li.item2
{
	width: 202px;
	border-right: 1px solid #ccc;
}

div#top div#HorizontalBar ul#HorizontalMenu li.item3
{
	width: 204px;
	border-right: 1px solid #ccc;
}

div#top div#HorizontalBar ul#HorizontalMenu li.item4
{
	width: 196px;
	border-right: 1px solid #ccc;
}

div#top div#HorizontalBar ul#HorizontalMenu li.item5
{
	width: 169px;
}

div#top div#HorizontalBar div#TopMenuItem1,
div#top div#HorizontalBar div#TopMenuItem2,
div#top div#HorizontalBar div#TopMenuItem3,
div#top div#HorizontalBar div#TopMenuItem4,
div#top div#HorizontalBar div#TopMenuItem5
{
	float: left;	
}


div#container div#containerMain div#left
{
	position: relative;
	width: 197px;
	height: 618px;
	float: left;	
	margin: 0px 0px 0px 0px;
	background: #fff url("/Images/Layout/Main/Modules/Menu/CornerBottomLeft.gif") no-repeat left bottom;
	
}

div#container div#containerMain div#left div#UserLogin
{	
	width: 178px;
	position: absolute;
	bottom: 70px;
	margin-left: 9px;
}

div#container div#containerMain div#left div#UserLogin ul#LoginMenu
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 178px;	
}

div#container div#containerMain div#left div#UserLogin ul#LoginMenu li
{	
	padding-left: 3px;
	list-style-type: none;
	text-align: left;
	padding: 3px 5px 3px 15px;	
	
}

div#container div#containerMain div#left div#UserLogin ul#LoginMenu li a {
	background-image: url("/Images/Layout/Main/Modules/Login/dot_off.gif");
	background-position: top left;
	background-repeat: no-repeat;				
	text-decoration: none;
	color: #817F84;
	font-weight: bold;
	display: block;
	height: 19px;
	text-indent: 20px;
}

div#container div#containerMain div#left div#UserLogin ul#LoginMenu li a:hover,
div#container div#containerMain div#left div#UserLogin ul#LoginMenu li a.active{
	background-image: url("/Images/Layout/Main/Modules/Login/dot_on.gif");	
	background-position: top left;
	background-repeat: no-repeat;		
	text-decoration: none;
	color: #000;	
	height: 19px;
	font-weight: bold;
	display: block;
	text-indent: 20px;	
}



div#container div#containerMain div#left div#UserLogin div#UserLoginTop
{
	background: url("/Images/Layout/Main/Modules/Login/Top.gif") no-repeat left top;
	height: 13px;
	width: 100%;
	overflow:hidden;
}

div#container div#containerMain div#left div#UserLogin div#UserLoginContent
{
	width: 100%;
	
	background-color: #E3E4E5;
	overflow:hidden;	
}

div#container div#containerMain div#left div#UserLogin div#UserLoginBottom
{
	background: url("/Images/Layout/Main/Modules/Login/Bottom.gif") no-repeat;
	height: 13px;
	width: 178px;
	overflow:hidden;
}

div#container div#containerMain div#MainContent
{	
	width: 774px;	
	float: left;
}

div#container div#containerMain div#MainContent div#FrontPageImage
{
	padding-top: 10px;	
}


div#container div#containerMain div#MainContent div#content
{
	width: 541px;	
	padding: 10px 27px 27px 27px;
	float: left;
	text-align: justify;	
}

div#container div#containerMain div#MainContent div#right
{
	width: 152px;
	float: right;
	vertical-align: top;
	padding-top: 10px;
}

input.inputfield,
input.datefield
{
	font-size: 11px;
	height: 13px;
	width: 120px;
}

input.inputfield
{
	width: 170px;	
}

select.inputselect
{
	width: 175px;
	font-size: 10px;
}

input.submitbutton
{
	border: 1px solid #011A52;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

/* login page */
div#login {	
	background-image: url("/Images/Modules/Login/Login.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 413px;
	padding: 0px 0px 0px 20px;
	font-size: 8pt;
}

div#login h1 {
	position: relative;
	top: 4px;
	font-size: 25px;
	line-height: 1.5em;
	margin-bottom: 12px;
}

div#MemberOverview
{
}

table.parentTable 
{
	width: 100%;
	border: 1px solid #011A52;
}
						
table.parentTable th
{
	background-color: #355B88;
	color: #fff;
}

table.parentTable td
{
	background-color: #5077A4;
	color: #fff;
}

table.parentTable tr.onmouseout td
{
	background-color: #5077A4;
	color: #fff;
}

table.parentTable tr.onmouseover td
{
	background-color: #355B88;
	color: #fff;
}

td.TextLabel
{
	font-weight: bold;	
}

div#ContactForm fieldset
{
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #5077A4;
}

div#ContactForm fieldset legend
{
	display: none;
	color: #000;
	font-weight: bold;	
}

div#ContactForm form label,
div#ContactForm form input,
div#ContactForm form textarea
{
	display: block;
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

div#ContactForm form textarea
{	
	width: 360px;
	height: 250px;		
	font: 12px Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
}

div#ContactForm form label {
	text-align: right;
	width: 120px;
	padding-right: 20px;
	color: #fff;
	font-weight: bold;
}

div#ContactForm form br {
	clear: left;
}

div#ContactForm form input.submitbutton
{	
	position: relative;
	left: 324px;
}

div.TeaserItem
{
	width: 100%;
	
}

div.TeaserItem div.TeaserHeader
{	
	height: 24px;
	clear: both;
}

div.TeaserItem div.TeaserHeader div.TeaserTitle
{
	height: 20px;
	padding: 4px 0px 0px 10px;
	width: 133px;
	float: left;	
	font-weight: bold;
	font-size: 12px;
}

div.TeaserItem div.TeaserHeader div.TeaserCornerFirst,
div.TeaserItem div.TeaserHeader div.TeaserCorner
{
	float: right;
	width: 9px;
	height: 24px;	
}

div.TeaserItem div.TeaserHeader div.TeaserCorner
{
	
}

div.TeaserItem div.TeaserBody
{
	padding: 10px 10px 14px 10px;
	font-size: 11px;	
}

div.TeaserItem div.TeaserBody p
{
	display: inline;
	padding: 0px;
	margin: 0px;	
}

a.backlink,
a.backlink:hover,
div.TeaserItem div.TeaserBody a:hover,
div.TeaserItem div.TeaserBody a
{
	color: #1f4388;
	text-decoration: none;
	border-bottom: 1px dotted #e3ba00;
	padding-left: 15px;
	background: url("/Images/Layout/Main/Modules/Menu/fold_off.gif") no-repeat 0px 1px;		
}

a.backlink:hover,
div.TeaserItem div.TeaserBody a:hover
{
	border-bottom: 1px solid #e3ba00;
}

/* CME Events Calendar styles */
table.YearOverView,
table.MonthOverView
{
	background-color: white; 
	width: 100%; 
	border: 1px solid #355b87;
}

td.empty,
td.data,
td.EventTabSpacer,
td.EventTitle
{
	background-color: #355b87;	
	color: #fff;
}

td.data
{
	padding-left: 3px;
}

td.label
{
	background-color: #708eb4; 
	color: #fff;
	padding-left: 3px; 
	font-weight: bold;
}

th.EventTab
{
	background: #355b87 url(/Images/Modules/EventsCalendar/activity_tab.gif) no-repeat;
	padding-left: 3px;
}

td.EventTabSpacer
{
	border-top: 1px solid #fff; 	
}

td.EventTitle
{		
	padding: 3px;
	font-size: 13px;
	width: 90%;
}