﻿* {margin:0; padding:0;}
@font-face {
	font-family: Atrament;
	
	src: url('/simunition/app/webroot/css/AtramentMediumStd.eot');
	src: local('ò∫'),
	 url('/simunition/app/webroot/css/AtramentMediumStd.otf') format('opentype'),
	 url('/simunition/app/webroot/css/AtramentMediumStd.woff') format('woff'),
	 url('/simunition/app/webroot/css/AtramentMediumStd.ttf') format('truetype'),
	 url('/simunition/app/webroot/css/AtramentMediumStd.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;

		}
		
		@font-face {
			
			src: url('/simunition/app/webroot/css/AtramentSemiboldStd.otf');
			src: local('ò∫'),
			 url('/simunition/app/webroot/css/AtramentSemiboldStd.otf') format('opentype'),
			 url('/simunition/app/webroot/css/AtramentSemiboldStd.woff') format('woff'),
			 url('/simunition/app/webroot/css/AtramentSemiboldStd.ttf') format('truetype'),
			 url('/simunition/app/webroot/css/AtramentSemiboldStd.svg#webfont') format('svg');
			 font-weight: bold;
				font-style: normal;
		}
		
		@font-face {
			
			src: url('/simunition/app/webroot/css/AtramentSemiboldItStd.otf');
			src: local('ò∫'),
			 url('/simunition/app/webroot/css/AtramentSemiboldItStd.otf') format('opentype'),
			 url('/simunition/app/webroot/css/AtramentSemiboldItStd.woff') format('woff'),
			 url('/simunition/app/webroot/css/AtramentSemiboldItStd.ttf') format('truetype'),
			 url('/simunition/app/webroot/css/AtramentSemiboldItStd.svg#webfont') format('svg');
			 font-style: italic;
			 font-weight: bold;
		}
		@font-face {
			font-family: Myriad;
			
			src: url('/simunition/app/webroot/css/MyriadPro-Regular.otf');
			src: local('ò∫'),
			 url('/simunition/app/webroot/css/MyriadPro-Regular.otf') format('opentype'),
			 url('/simunition/app/webroot/css/MyriadPro-Regular.woff') format('woff'),
			 url('/simunition/app/webroot/css/MyriadPro-Regular.ttf') format('truetype'),
			 url('/simunition/app/webroot/css/MyriadPro-Regular.svg#webfont') format('svg');
			 font-style: italic;
		}
		
		@font-face {
			
			src: url('/simunition/app/webroot/css/MyriadPro-Bold.otf');
			src: local('ò∫'),
			 url('/simunition/app/webroot/css/MyriadPro-Bold.otf') format('opentype'),
			 url('/simunition/app/webroot/css/MyriadPro-Bold.woff') format('woff'),
			 url('/simunition/app/webroot/css/MyriadPro-Bold.ttf') format('truetype'),
			 url('/simunition/app/webroot/css/MyriadPro-Bold.svg#webfont') format('svg');
			font-weight: bold;
			font-style: normal;
		}
		
		@font-face {
			
			src: url('/simunition/app/webroot/css/MyriadPro-It.otf');
			src: local('ò∫'),
			 url('/simunition/app/webroot/css/MyriadPro-It.otf') format('opentype'),
			 url('/simunition/app/webroot/css/MyriadPro-It.woff') format('woff'),
			 url('/simunition/app/webroot/css/MyriadPro-It.ttf') format('truetype'),
			 url('/simunition/app/webroot/css/MyriadPro-It.svg#webfont') format('svg');
			font-style: italic;
			font-weight: normal;
		}
body {
 font-family: Helvetica, Arial, sans;
 font-size: 85%;
 color: #333;
 background-color: #3d3d35;
}
ul, ol {padding: 0 0 0 1.5em;margin-bottom:0.5em;}
li {padding: 2px;}
p {margin-bottom: 0.5em;font-size:1.0833em;}
h3 a:hover,
h3 a {text-decoration:none; color:inherit;}
.headerShadow {text-shadow:1px 1px 1px #bbb;}

h3.home{
	color: #544e46;
	font-size: 120%;
	text-transform:uppercase;
}

#lightBulb {
 background: url("../img/light_bulb.png") no-repeat scroll 140px 35px transparent;
 height: 740px;
 left: -350px;
 position: absolute;
 top: -155px;
 width: 600px;
 z-index: -1;
}

#content {padding: 2em 2.5em 3em; background-color: #d6d7d2; border-style: solid; border-width: 0 1px 1px; border-color:#bbb0b0;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}

.contentWrapper {
 width: 960px;
 margin: 0 auto;
 position: relative;
}
#header {
 position: relative;
 height: 100px;
 background-color: #3d3d35;
 padding: 0.5em 0.5em 0;
 z-index: 2;
}
#header ul {
 list-style-type: none;
 position: absolute;
 bottom: 0;
 right: 0;
 padding:0;
 z-index:1;
}
#header ul li {
 display: inline;
 margin-right: 47px;
 padding:0;
 font-size: 1.5em;
 /*font-weight: 600;*/
 font-family: Atrament, Helvetica, Arial, sans;
}
#header ul li.last {margin-right:0;}
#header ul li a {
 text-decoration: none;
 color: #ffffff;
 font-family: Atrament, Helvetica, Arial, sans;
}
#header ul li a:hover {color: #999999;}

.right{float:right;}
.left{float:left;}
.clright{clear:right;}
.center{text-align:center;}
.relative{position:relative;}
.absolute{position:absolute;}
.bottommargin1{margin-bottom:1em;}
.topmargin1{margin-top:1em;}
.topmargin3{margin-top:3em;}
.fontbump1{font-size:1.0833em;}
.fontbump25{font-size:1.25em;}
.white{color:#fff;}
.width80p{width:80%;}
.blue{color:#0175a6}
.nondisplay{display:none;}
span.clear {
 clear: both;
 width: 100%;
 display:block;
 margin-top:-1px;
}
#footer {
 /*border-top: 1px solid #555;*/
 /*border-bottom: 1px solid #555;*/
 padding: 1.5em;
 margin-bottom: 2em;
 width: 960px;
}
#footer img {margin: 0 1em 0; vertical-align:top;}

#float_box{z-index: 10; width: 282px; height: 366px; position:absolute; top: 24px; right: 0px; background-color: #646560; 
padding-left: 0px;
}

#homeWords {
 position: absolute;
 bottom: 40px;
 left: 15px;
}
.homeBlock {
 width: 31%;
 /*height: 280px;*/
 float: left;
 margin-top: 15px;
 margin-left: 15px;
 margin-bottom: -2em;
 background-color: #d6d7d2;
}
.homeBlock2 {
 width: 23%;
 float: right;
 margin-top: 15px;
 margin-left: 0px;
 padding: 0px;
 margin-bottom: -2em;
 background-color: #d6d7d2;
}
.midcolumn{
	height: 90px;	
}
ul.homepage_white{
	list-style-type: none;
	padding-top: 225px;
	margin-left: -100px;
}
ul.homepage_white li a{
	color: #ffffff;
	text-decoration: none;
}
ul.homepage_white li a{
	color: #ffffff;
	text-decoration: none;
}
ul.homepage_red{
	list-style-type: none;
}
ul.homepage_red li a{
	color: #e6505b;
	text-decoration: none;
}
ul.homepage_red li a{
	color: #e6505b;
	text-decoration: none;
}
.negmargin{
	margin-left: -30px;	
}
.joinHeader,
.announcingHeader,
.saveDateHeader,
.soappNotesHeader,
.libraryHeader {
 padding: 1em 1.5em;
 margin: 0 0.5em 0;
 border-bottom: dotted 1px #888888;
 }

 .libraryHeader {
 border-bottom: none;
 border-top: dotted 1px #888;
 padding-bottom: 3px;
 }
 div.blog{
	  height: 25px; background-color: #dc4d21; color: #ffffff; width: 85%; padding: 10px; text-align:center; margin-top: 5px;
 }
  div.join{
	  height: 25px; background-color: #81a21d; color: #ffffff; width: 85%; padding: 10px; text-align:center; margin-top: 5px;
 }
 span.white_link{color: #ffffff; line-height: 30px; font-size: 110%; padding: auto; text-decoration:none;}

 a.white_link{color: #ffffff; line-height: 30px; font-size: 110%; padding: auto; text-decoration:none;}
 /*#more_link {position:absolute; right:0; bottom:0; padding:3px; border:dotted #fff 2px; font-size:13px;}*/
#more_link a { text-decoration:none; color:#ed182a; /*font-weight:700;*/}
 #white_link a{color: #ffffff; line-height: 30px; font-size: 110%; padding: auto; text-decoration:none;}
 
.blockContent {padding: 0em;}
#clickHereHome {position:absolute; right:0; bottom:0; padding:3px; border:dotted #fff 2px; font-size:13px;}
#clickHereHome a { text-decoration:none; color:#222; /*font-weight:700;*/}
.tableHeader {border-bottom: 1px solid #bbb;}
.tableHeader span {
 display: inline-block;
 line-height: 1.3em;
 font-size: 1.1667em;
 width: 70px;
 padding: 3px;
 /*font-weight: 600;*/
}
.tableContent span {
 display: table-cell;
 vertical-align: middle;
 width: 70px;
 font-size: 1.0833em;
 padding: 3px;
}
.tableContent span.last{width:auto;font-size:1.4166em;}

/*span.longColumn1 {width: 256px;}
span.longColumn2 {width: 384px;}
span.longColumn3 {width: 525px;} */

span.longColumn1 { width: 30%; }
span.longColumn2 { width: 60%; }
span.longColumn3 { width: 70%; }
span.shortColumn1 { width: 8%; }

.tableContent .row {
 padding: 5px;
 border-bottom: 1px solid #aaa;
 display: table;
 }
span.courseTitle {color:#0077a2; 
	/*font-weight: 600;*/ 
	font-size: 1.1667em;}
 
.eventHeader {
  padding: 1em;
  background-color: #ddd;
  opacity: 0.9;
  margin-bottom: 2em;
}
.eventDetail {
/*	font-weight: 600;*/
}
.eventSection h4 {
  width: 80%;
  float: right;
  /*font-weight: 600;*/
  border-bottom: 1px solid #555;
  color: #444;
}
.eventSection h5 {width:80%; float:right;font-size:1.1667em;color:#D52A2A}
.eventSection .headerLine2 {width:69%;float:right;margin-top:-0.5em;}
.eventSection p {
 width: 69%;
 float: right;
 margin-bottom: 0.5em;
}
.eventSection .moderator {width: 69%; margin-bottom:1em;}
.eventSection .moderator .body {width: 83%;}
.eventSection  .moderator .label {width: 17%; 
/*	font-weight:600;*/
}
.eventSectionLogo {width:150px; margin-right:0.5em; vertical-align:top;}
.eventMenu {
 position: absolute;
 right:0px; top:0px;
 width:120px;
 list-style-type:none;
 background: url("../img/menu_bckg.png") repeat-x scroll 0 bottom #FFFFFF;
 padding: 0;
 border: 1px solid #bbb;
 z-index:1;
}
.eventMenu li{
padding: 0.833em 0;
margin-left: 1.33em;
border-bottom: 1px solid #aaa;
}
.eventMenu a {
 text-decoration: none;
 color: #0076a3;
}
.registerLink{font-size:1.667em;}
.checkboxes .checkbox {
 float:left;
 width: 305px;
}
.roleCheckboxes .checkbox {
 margin-bottom: 0;
 font-weight: normal;
}
.roleCheckboxes .checkbox label:after {display:none;}
.checkboxes {margin-left:17em;}
#creditPayment {background-color: #eee; padding:1em;}
#creditPayment  .input{margin-bottom:0;}
#creditPayment .billingState label,
#creditPayment .cscCode label {width:auto;}
.cscCode input {width: 34px;}

label.error {
 color: #932;
 font-weight:600; 
 padding: 3px; 
 margin-left: 15px;
 text-align: left;
 width: auto;
}
#contact_usForm {clear:none;}
/*rotator css*/
/* rotator in-page placement */
div.rotator {
	position:relative;
	height:390px;
	margin-left: 0px;
}
/* rotator css */
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	padding:0;
}
div.rotator ul {padding:0;margin:0;}
/* rotator image style */	
div.rotator ul li img {
	/*border:1px solid #ccc;
	padding: 4px;
	background: #FFF;*/
}
div.rotator ul li.show {
	z-index:0;
}
.blogWrapper{width:67%;float:left;margin-right:2%;}
.blogTitle{color:#0175a6;
/*	font-weight:700*/
}
.blogTitle a {color:#0175a6;text-decoration:none;}
.blogTitle a:hover{text-decoration:underline;}
.blogTitleSoap {background: url("../img/soapp_notes.png") no-repeat scroll right center transparent; padding: 2.5em  0;}
.latestEntries{width:28%;padding:1%;float:right;background-color:#fbfcfe;border:1px solid #eaeaed;}
.latestEntries h3 {color:#444;margin:0 0.1em;padding:0 0.3em 0.3em;border-bottom:1px solid #666;font-size:170%;}
.blogWrapper .body {margin:1em 0; font-size:1.0833em;}
.author {font-size:1.0883em;
	/*font-weight:600;*/
	color:#544;}
.comment .body {margin-left: 1em;background-color:#eee;padding:5px;}

#loginForm, #registrationForm { width:47%; clear:none; float:left; }
#loginForm label, #registrationForm label { width:140px; }
#loginForm_homepage { width:25%; }
#loginForm_homepage label{ width:140px; }

#ResourceAdminEditForm .input input,
#ResourceAdminAddForm .input input,
#ArticleAdminEditForm .input textarea,
#ArticleAdminEditForm .input input,
#ArticleAdminAddForm .input textarea,
#ArticleAdminAddForm .input input {width: 70%; font-size:1em;}

.aboutSection { background-color: #b4BaC6; padding:12px; margin-bottom:2em;}

div.error {
	color:#D12C28;
	text-align:center;
	font-size:1.3em;
	margin:20px 0 5px 0;
	font-weight:bold;
	font-family:Helvetica,Arial,sans;
}

input.error, select.error {
	border: 2px solid #D12C28;
}