/*

 * HealthPlan Services, Inc.

 * PORTALS - SITE CSS LAYOUT

 *

 * @author      Joel Acevedo

 * @contributor

 * @package     product_catalog_skin

 * @subpackage  SiteVW

 * @category    css

 * @filesource  site.css

 * @version     1.3

 * @since       11/18/2010 10:00 AM

 * @copyright   (c) 2010, HealthPlan Services, Inc.

 * @todo

 *

 */

#bg_image {

	position: absolute;

	z-index: -1;

}



body {

	overflow: hidden;

	padding: 0;

	margin: 0;

	height: 100%;

	width: 100%;

	font-family: arial;

	color: #404040;

	word-spacing: 4px;

	font-size: 12px;

}



img {

	border: 0;

	vertical-align: middle;

}



a {

	color: #00BAC2;

	text-decoration: none;

	outline: none;

}



a.active {

	color: #00BAC2;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



h1 {

	font-size: 28px;

	color: #556270;

	overflow: hidden;

	margin: 0;

	padding: 0;

	margin-bottom: 20px;

	clear: both;

}



#web_standards_notes h2 {

	margin: 0;

	padding: 5px 10px;

	margin-bottom: 20px;

	font-size: 20px;

	color: #fff;

	background-color: #D95B43;

	overflow: hidden;

	border: 1px solid #D95B43;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	clear: both;

}



#validation_errors h2 {

	margin: 0;

	padding: 5px 10px;

	margin-bottom: 20px;

	font-size: 20px;

	color: #fff;

	background-color: #26ADE4;

	overflow: hidden;

	border: 1px solid #26ADE4;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	clear: both;

}



h3 {

	color: #000;

	font-size: 16px;

	overflow: hidden;

	clear: both;

}



p {

}



ul, li {

	padding: 0;

	margin: 0;

}



li {

	margin-left: 15px;

}



strong {

}



ins {

	color: #f00;

	text-decoration: none;

}



hr {

	display: none;

	clear: both;

}



fieldset {

	border: 0;

	background-color: #0485a1;

	padding: 15px 20px;

	margin-bottom: 30px;

	color: #fff;

}



fieldset a {

	color: #fff;

	text-decoration: underline !important;

}



legend {

	color: #404040;

	font-weight: bold;

	display: none;

}



h3.legend {

	display: block;

	font-weight: 700;

	background-color: #0485a1;

	color: #fff;

	font-weight: 700;

	margin: 0;

	padding: 6px 0px;

	border: 0;

	margin-bottom: 20px;

	text-align: left;

	font-size: 14px;

}



label {

	width: 140px;

	float: left;

	line-height: 24px;

	margin-bottom: 10px;

	margin-right: 30px;

	text-align: left;

}



input {

	text-align: left;

	margin: 0;

	margin-right: 5px;

}



textarea, select {

	margin: 0;

}



input:focus {

	border: 2px solid #038AFD;

	color: #464646;

}



table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse: collapse;

}



th {

	padding: 5px 15px;

	text-align: left;

	background: #d6d6d6;

}



tr:nth-child(even) { 

	background: #fff; 

}

tr:nth-child(odd) { 

	background: #f0f0f0; 

}

td {

	padding: 5px 15px;

}

tr:hover {

	background-color: #fc6;

}



/* Boxes */



#wrapper {

	

		position:absolute;

	z-index: 5;	

	overflow:auto; 

	height:100%;width:100%;	

	background: url('../images/raster.png');

	min-width: 990px;

}



#wrapper #content {

	position: relative;

	z-index: 111111111;

	width: 960px;

	margin: 30px auto;

	padding: 0px;

	background-color: rgba(255,255,255,.85);

	border: 5px solid  rgba(255,255,255,.60);

}



#wrapper #content .main_box {

	overflow: hidden;

	margin: 0;

	padding: 0;

}



.padder {

	padding: 30px;

}



.author_wrap {

	margin-top: -15px;

	margin-bottom: 30px;

}



.author {

	padding: 5px 10px;

	color: #fff;

	background-color: #FF6B6B;

	

	border: 1px solid #FF6B6B;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.date {

	padding: 5px 10px;

	color: #fff;

	background-color: #556270;

	

	border: 1px solid #556270;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



h2.page {

	background: transparent url("../images/max.png") no-repeat center right;

	cursor: pointer;

}



h2.page_reviewed {

	background: transparent url("../images/min.png") no-repeat center right;

	cursor: pointer;

}



.notes {

	display: none;

}



.notes_box {

	margin: 0 0 30px 0;

	background-color: rgba(255,255,255,.80);

	

	border: 1px solid rgba(255,255,255,.50);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.notes_box .padder {

	padding: 20px;

}



.notes_box h3 {

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	margin-bottom: 15px;

}



.notes_box .note_type {

	background: transparent url("../images/hidden.png") no-repeat center right;

	cursor: pointer;

	margin-bottom: 0px;

}



.notes_box .note_type_show{

	background: transparent url("../images/open.png") no-repeat center right;

	cursor: pointer;

	margin-bottom: 15px;

}



.notes_box .note_type span {

	color: #C12D34;

	font-style: italic;

	text-transform: none;

}



.note_highlight {

	border: 1px solid #FF6B6B;

	background-color: #fff;

	margin-bottom: 10px;

	color: #a0a0a0;

}



.note_highlight h4 {

	font-size: 12px;

	background-color: #FF6B6B;

	margin: 0;

	padding: 5px;

	color: #fff;

}

.note_highlight div {

	padding: 5px;

}



.note_highlight strong {

	color: #C12D34;

}



.note_content {

	display: none;

}



.errors {

	display: none;

}



.error_box {

	margin: 0 0 30px 0;

	background-color: rgba(255,255,255,.80);

	

	border: 1px solid rgba(255,255,255,.50);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.error_box .padder {

	padding: 20px;

}



.error_box h3 {

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	margin-bottom: 15px;

}



.error_box .error_type {

	background: transparent url("../images/hidden.png") no-repeat center right;

	cursor: pointer;

	margin-bottom: 0px;

}



.error_box .error_type_show {

	background: transparent url("../images/open.png") no-repeat center right;

	cursor: pointer;

	margin-bottom: 15px;

}



.error_box .error_type span {

	color: #C12D34;

	font-style: italic;

	text-transform: none;

}



.error_highlight {

	border: 1px solid #FF6B6B;

	background-color: #fff;

	margin-bottom: 10px;

	color: #a0a0a0;

}



.error_highlight h4 {

	font-size: 12px;

	background-color: #FF6B6B;

	margin: 0;

	padding: 5px;

	color: #fff;

}

.error_highlight div {

	padding: 5px;

}



.error_highlight strong {

	color: #C12D34;

}







.error_content {

	display: none;

}



.suggestion {

	border: 1px solid #556270;

	background-color: #fff;

}



.suggestion h4 {

	font-size: 12px;

	background-color: #556270;

	margin: 0;

	padding: 5px;

	color: #fff;

}

.suggestion div {

	padding: 5px;

}



.suggestion strong {

	color: #D95B43;

}



.explanation {

	background-color: #ECD078;

}



p.explanation {

	background-color: #ECD078;

	padding: 5px 10px;

	color: #556270;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	margin: 0;

}



.explanation h4 {

	font-size: 12px;

	background-color: #ECD078;

	margin: 0;

	padding: 5px;

	color: #fff;

}

.explanation div {

	padding: 15px;

}



.info, .user_box .info, .table_box .info, .info_box .info, fieldset .info {

	overflow: hidden;

	margin: 0;

	padding: 0;

	border: 1px solid #93A8FF;

	background-color: #d7dfff;

	color: #0033FF;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 16px;

}



.success, .user_box .success, .table_box .success, .info_box .success, fieldset .success {

	overflow: hidden;

	margin: 0;

	padding: 0;

	border: 1px solid #6BFF5C;

	background-color: #D1FFCB;

	color: #006E00;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 16px;

}



.fail, .user_box .fail, .table_box .fail, .info_box .fail, fieldset .fail {

	overflow: hidden;

	margin: 0;

	padding: 0;

	border: 1px solid #FF9595;

	background-color: #FECDC8;

	color: #C12D34;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 16px;

}



.attention, .user_box .attention, .table_box .attention, .info_box .attention, fieldset .attention {

	overflow: hidden;

	margin: 0;

	padding: 0;

	border: 1px solid #FFEB34;

	background-color: #FFF8AF;

	color: #A77400;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 16px;

}



.neutral, .user_box .neutral, .table_box .neutral, .info_box .neutral, fieldset .neutral {

	overflow: hidden;

	margin: 0;

	padding: 0;

	border: 1px solid #CBCBC9;

	background-color: #E6E4E4;

	color: #1e1e1e;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 16px;

}



.info p, .success p, .fail p, .attention p, .neutral p {

	margin: 0;

	padding: 10px;

}



.info ul, .success ul, .fail ul, .attention ul, .neutral ul {

	margin-bottom: 20px;

}



.info .padder, .success .padder, .fail .padder, .attention .padder, .neutral .padder, .user_box .padder {

	padding: 15px !important;

}	



#tabs {

	margin: 0;

}

#tabs ul {

	float: left;

	

	margin: 0;

	padding: 0;

}

#tabs li {

	

	margin: 0;

	margin-right: 8px;

	padding: 0;

	list-style: none;

	

	background-color: #26ADE4;

	border: 5px solid #26ADE4;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

* html #tabs li {

	display: inline;

}

#tabs li {

	float: left;

}



#tabs li a {

	float: left;

	padding: 5px 10px;

	color: #fff;

	line-height: 16px;

	font-size: 14px;

	font-weight: 700;

}

#tabs ul li.active {

	border: 5px solid rgba(200,225,250,.80);

	border-width: 5px 5px 0 5px;

	background-color: rgba(200,225,250,.80);

	 border-top-left-radius: 5px;

	  border-top-right-radius:  5px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	-moz-border-radius-topleft: 5px;

  -moz-border-radius-topright: 5px;

  -moz-border-radius-bottomright: 0;

  -moz-border-radius-bottomleft: 0;

  -webkit-border-top-left-radius: 5px;

  -webkit-border-top-right-radius: 5px;

  -webkit-border-bottom-left-radius: 0;

  -webkit-border-bottom-right-radius: 0;

}

#tabs ul li.active a {

	color: #333333;

	padding: 5px 10px 15px 10px;

}

#tabs div.tab_content {

	background-color: rgba(200,225,250,.80);

	clear: both;

	padding: 15px;

	min-height: 200px;

}