/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
dark grey #464337
light grey #a2a19b

blue link #06f

h3 yellow border #ffd735

alt blue light #e1ecff

alt blue dark #94beff



========================================================= */


/*========================================================*/
/*    Cascading Style Sheet for the Origin App            */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. COMMON
/*  2. GRID
/*  3. HEADER
/*  4. FOOTER
/*  5. MAIN
/*  6. SIDEBAR
/*  7. BOX and ALTBOX
/*  8. FORMS
/*  9. MESSAGES 
/*========================================================*/
hr  {
  height: .5px;
  }

.blueback {
	background-color:#C1E6F6;
	padding:10px;
}

body {
	background:#FFFFFF url(/images/header-bg.png) repeat-x scroll center top;
	margin-top:0px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:80%;
}
#signupnow {
	margin:0 0 24px 12px;
	background:#fffbcc;
	border:1px solid #e6db55;
	min-height:86px;
	width:950px;
	margin-top: 24px;
	margin-left:auto;
	margin-right:auto;
	padding-top:24px;
}
#signupnow h2 {
	float:none;
	font-size:18px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	color:#444;
	text-align:center;
	margin-bottom: 0px;
	margin-top:-5px;
}

#signupnow h4 {
	margin-bottom: 0px;
	margin-top: 2px;
	margin-left:0;
	font-size:14px;
	line-height:1em;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}


#signupnow-widgets{
	width:25%;
	float:left;
	margin-top:-24px;
}

#signupnow-text {
	width:45%;
	float:left;
}
#signupnow-button {
	width:226px;
	height:63px;
	float:left;
	font-size:24px;
	text-align:center;
}
#signupnow-button a {
	display:block;
	color:#fff;
	width:226px;
	height:63px;
	line-height:60px;
	background:url(/images/signupbackground.gif?3) center top no-repeat;
	text-shadow:#1e6c8f 2px 2px 0px;
	letter-spacing:-1px;
}
#signupnow-button a:hover {
	text-decoration:underline;
	background:url(/images/signupbackground.gif?3) center bottom no-repeat;
	text-shadow:#b8441c 2px 2px 0px;
}






#header {
	position:relative;
	width:950px;
	height:88px;
	margin-top:0px;
	margin-left: auto;
  	margin-right: auto;

}
#header h1 a {
	background:url(/images/logo.png) center left no-repeat;
	display:block;
	width:364px;
	height:89px;
	text-indent:-9999px;
	float:left;
}

#search-box {
	text-align:left;
}

#search-form .button {
	background-color:#E6E6D7;
	border:1px solid #D3D3CF;
	color:#7B7B75;
	font-family:Georgia,Palatino,"Times New Roman",Times,serif;
	font-size:14px;
	font-weight:bold;
}

#search-form .button {
	height:24px;
	width:74px;
}


ul#topnav li a.usermenu {
	color:#9999ff;
	font-size: 12px;
}


ul#toplink {
	font-size: 8px;
	margin-right:14px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	-moz-border-radius:3px;
	float:right;
	list-style:none;
	clear:right;
	text-align:right;
	margin-right:-9px;
}
ul#toplink li {
	float:left;
	margin:0;
}
ul#toplink li a {
	border:none;
	display:block;
	line-height:22px;
	padding:0 1px;
	font-size: 6px;
	color:#aaaaff;
}



ul#topnav {
	margin-right:14px;
	float:right;
	list-style:none;
	clear:right;
	text-align:right;
	margin-right:-9px;
	margin-bottom:34px;
}
ul#topnav li {
	float:left;
	margin:0;
}
ul#topnav li a {
	border:none;
	display:block;
	line-height:24px;
	padding:0 8px;
	font-size:14px;
}
ul#topnav li a.current {
	color:#555;
	background:#fff;
	-moz-border-radius-topleft:3px;
	-khtml-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-khtml-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
ul#topnav li.last-child a.current {margin-right:8px;}
h6 {
	font-size:11px;
	font-weight:bold;
	color:#444;
}


#C_footer{
  float: left; 
  margin-top: 20px;
  margin-left: auto; 
  margin-right: auto; 
  width: 950px; 
  background:#F7F8F8 url(/images/marquees_background_gradient.gif) repeat-x; 
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding-bottom:1em;
  display:block;
  font-size:85%;
}

#C_footer a:link,
#C_footer a:visited,
#C_footer a:hover
{
color:#77F;
}
#C_footer a:hover{
}
#C_footer .C_footerSection {
font-size:.9em;
margin:0 1.75em 0 0;
padding:0 1.75em 0 0;
float:left;
border-right:1px solid #ccc;
list-style:none;
}
#C_footer ul.meta {
border-right:0;
}
#C_footer ul li {
margin:0 0 .5em;
padding:0;
}

#C_footerBody{
width:90%;
margin:20 auto 0 auto;
padding:0 1em;
}

html>body #C_footerBody{ 
max-width:80em;
min-width:62em;
width:auto; 
}
.wideContent #C_footerBody {
width:80em;
}

.foot {
	font-size:0.85em;
	line-height:1.2em;
	margin-bottom:0.5em;
	color:#777777;
}




/* =============================================== */
/*  1. COMMON 
/* =============================================== */



h1, h2, h3, h4, h5 {
font-size:100%;
font-weight:normal;
}
h6 {
font-size:1em;
font-weight:bold;
}

a {color: #06f;}

a:hover {
color: #06f;
text-decoration: none;
}

p {margin: 0 0 1em 0;}

fieldset {
border:0 none;
padding:0;
}

.clear {clear: both;}
.right {float: right;}
.left {float:left;}
.centered {text-align:center; }

/* =============================================== */
/*  2. GRID 
/* =============================================== */

#container { 
color: #464337;
}

#container_hd { 
width: 950px;
margin: 0 auto; 

}

#container_bd { 
width: 950px; 
margin: 0 auto;
}

#container_ft { 
width: 950px; 
margin: 0 auto;
}

/* =============================================== */
/*  3. HEADER
/* =============================================== */

#hd { float: left; margin-right: 10px; margin-right: 0; width: 950px; margin: 0; }

#hd h1 {
float:left;
}

#hd h1 a {
color:#464337;
display:block;
font-size:182%;
font-weight:bold;
margin:20px 0 10px;
text-decoration:none;
text-transform:uppercase;
}

#hd h2 {
float:right;
font-size:138.5%;
margin-top:25px;
}

/* =============================================== */
/*  4. FOOTER
/* =============================================== */

#ft { float: left; margin-right: 10px; margin-right: 0; width: 950px; margin: 0; 
background:#F1F1F1 none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
padding-bottom:1em;
font-size:85%;
margin-top:20px ;
display:block;
}

#ft ul, #ft ul li {
float:left;
}

#ft li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#ft li:first-child a {
border:medium none;
padding-left:0;
}

#ft li a {
border-left:1px solid #CCCCCC;
display:block;
padding:2px 10px;
}

/* =============================================== */
/*  5. MAIN 
/* =============================================== */

#main { float: left; margin-right: 10px; width: 670px; }

#main h3 {
border-bottom:1px solid #FFD735;
font-size:123.1%;
font-weight:bold;
margin:1.5em 0 1em;
text-transform:uppercase;
}

/* =============================================== */
/*  6. SIDEBAR 
/* =============================================== */

#sidebar { 
   float: left; 
   margin-right: 10px; 
   margin-right: 0; 
   width: 270px;

   }
   
#sidebar h6 { 
   background: transparent url(/images/img11.gif) no-repeat scroll 0 0;
   padding: 20px;  
   }  

/* =============================================== */
/* 7. BOX and ALTBOX
/* =============================================== */

.box{
background: none;
margin:0 0 1em;
padding:0;
}

.box h2{
margin-bottom: .5em;
font-weight: bold;
font-size: 153.9%;
}

.box h3{
font-size: 123.1%;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #ffd735;
margin:1.5em 0 1em 0;
}

.alt{
border: 1px solid #94beff;
background: #e1ecff;
padding: 1em;
}

.alt h3{
border: none;
margin: 0 0 .5em 0;
padding: .5em;
background: #94beff;
color: #38465b;
}

.first_alt {
margin-top:3.25em;
}
	
/* =============================================== */
/*  8. FORMS 
/* =============================================== */

.MainForm{
color: #464337;
}

.MainForm label{
display: block;
margin: 1em 0 2px 0;
}

.MainForm label em{
font-style: italic;
font-family: Georgia, Times, serif;
color: #777;
}

.MainForm select{
border:1px solid #ccc;
}

.MainForm input, .MainForm textarea{
border: 1px solid #ccc;
padding: 5px;
font-size: 123.1%;
font-weight: bold;
color: #777;
width: 250px;
background: #f8f8f8;
}

.MainForm input:focus, .MainForm textarea:focus{
color: #777;
border-color: #777;
background: #fff;
}

.MainForm input.wrong, .MainForm .fieldWithErrors input {
border-color: #f00;
color: #f00;
background: #ffd5d5;
}

/* submit */
.MainForm p input, .MainForm p button {
padding-left: 1em;
padding-right: 1em;
background: #008000;
border: 4px solid #004500;
color: #fff;
margin: 1em 0;
width: auto;
cursor: pointer;
}

.MainForm p input:hover{
background:#004500;} 

.MainForm strong{color: #f00;}

.MainForm strong.ok{color: #008000;}

.MainForm strong em{
text-decoration: underline;
font-weight: bold;}

.MainForm textarea{
width: 550px;
color: #777;
}

/* checkboxes */

.MainForm fieldset {margin: 1em 0 0 0;}

.MainForm fieldset label{
margin: 4px 0;
color: #777;
}

.MainForm fieldset input{
border: none;
width: auto;
vertical-align: bottom;
}

.MainForm fieldset.inline label{
display: inline;
margin-right: 1em;
}

/* =============================================== */
/*  9. MESSAGES 
/* =============================================== */

.error, .notice, .warning, .message, .success {
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
font-size:123.1%;
}

.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.message {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.warning, #errorExplanation, .errorExplanation{
padding: 1em 1em 1em 1em;
margin: 1em 0;
border: 1px solid #fc0;
background: #fff3c5;
color: #6b5e2b;
}

/* glb */

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}