/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Stylevantage - blue
   TEMPLATE CODE: 	S-0001
   VERSION:          1.0          	
 *******************************************/
/********************************************
   HTML ELEMENTS
********************************************/ 
/* top elements */
* {
	margin: 0; padding: 0;
} 
body {
	margin: 0; padding: 0;
/*	font: 90%/1.3em  Verdana, 'Trebuchet MS', Arial, Sans-serif; */
	font: 79%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
/*	color: #222222; */
/*	background: url(headerbg.gif) repeat-x; */
}
/* links */
a {
/*	background: inherit; */
/*	color: #3142A0;   */
}
a:hover {
/*	background: inherit; */
/*	color: #72A545; */
/*	color: #3182C0; */
}
/* headers */
.sa.h1, .sa.h2, .sa.h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
/*	text-transform: uppercase; */
	color: #555;
}
h1 { font-size: 1.5em; }
/*h2 { font-size: 1.3em; } */
h3 { font-size: 1.2em; text-transform: none;}
#main h1, #rightbar h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
/*	text-transform: uppercase; */
	border-bottom: 1px solid #f2f2f2; 	
}	
/*
#sidebar h1 {
	padding: 10px 0px 5px 10px; 
	background: url(square_arrow.gif) no-repeat 2px 12px; 
	margin: 0;
	text-transform: uppercase;	 
}
*/
#sidebar h2 h3 h4 {
	padding: 8px 15px;
}
.sa.p, .sa.h1, .sa.h2, .sa.h3 {
	margin: 10px 15px; 
}
.sa.ul, .sa.ol {
/*	margin: 10px 15px; */
	margin-left: 1.5em;
	padding: 0 12px;	
	color: #3182C0;	
}
/*
.sa ul span, ol span {
	color: #666666;
}
*/
/* images */
.sa img {
	border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
/*  border: 2px solid #3791D7; */
	border: 0;
}
/*
a:hover img {  
  border: 2px solid #806B4D !important;
  border: 2px solid #3791D7;
}
*/
.sa_code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #3182C0;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #3182C0;  
	font-weight: bold; 
}
/* form elements */
.sa form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
.sa label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
.sa input {
	padding: 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border: 1px solid #eee;
/*	display:inline;  */
/*	height:100px; */
/*	color:#777; */
}
.sa input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}
/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 23em;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
	font: 14px Arial, Sans-serif;
	height: 23px;
}
form.searchform input.button {
/*	width: 55px; */
	vertical-align: top;
}
input.textbox_sm { 
	margin: 0; 
	width: 100%; 
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
/*	vertical-align: top; */
/*	font: 13px Arial, Sans-serif; */
/*	font: normal 1em/1.5em Verdana, sans-serif; */
}

/*****************/
/*    Layout     */
/*****************/
#wrap {
/*
	margin: 0 auto;
   width: 850px;  	
*/
	margin: 0 3em;
	text-align: left;		
	background-color: #FFF;	
}
#content-wrap {
	clear:both;
   margin: 0; padding:0;
	margin-top: .5em;
/*	width: 850px;	*/
}
/* header */
#header { 
	 position: relative; 	
	 /*	 background: url(headerbg.gif) repeat-x; */
    height: 96px;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #232158;
/*	text-transform: lowercase; */
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold .9em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 48px; left:48px;		
}
#header a {
	color: #232158;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

#header .searchform {
	position: absolute;
	top: 5px; right: 3px;	
}
/* main column */
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 54%;	
/*	border-left: 1px solid #f2f2f2; */
}
.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}
.post-footer .date {
	background: url(clock.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
/* sideabar */
#sidebar {
	float: left;
	width: 30%;
	position: relative;
	margin: 0;	padding: 0; 
	margin-right: 1em;
}
#sidebar ul.sidemenu, #sidebar ul.sidemenu2 {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}
#sidebar ul.sidemenu li, #sidebar ul.sidemenu2 li {
	border-bottom: 1px solid #EFF0F1;
	background: url(arrow.gif) no-repeat 2px 5px;
	padding: 2px 5px 2px 16px;	
	display: block;
}
* html body #sidebar ul.sidemenu li { height: 1%; }
#sidebar ul.sidemenu a, #sidebar ul.sidemenu2 a {
	background-image: none;
	text-decoration: none;	
}
#sidebar ul.sidemenu a {
	font-weight: bold;
}
label.blue1 {
	font-size: 1.2em;
	font-weight: bold;
	color: blue;
	cursor: pointer;
	display: block;
}
label.blue1:hover {
	color: #56779A;
}
/* rightbar */
#rightbar {
	float: right;
	width: 27%;
	padding: 0;			
	margin-left: .5em;
	padding-left: .5em;
/*	border-left: 2px dashed #ddd; */
}
/*
#rightbar h1, #rightbar h2, #rightbar h3, #rightbar h4 {
	padding: .3em;
}
*/
#rightbar ul{
/*
	margin-left: 12px;
	padding: 12px 2px 2px 12px;
*/
	margin-top: .5em;
}
#rightbar li {
	padding-bottom: .5em;
}
/* footer */
#footer {
	clear: both;
	margin-top: 2em;
	background: #FFF url(footerbg.gif) repeat-x left top;
/*	border-top: 1px solid #F2F2F2; */
	text-align: center;	
/*	height: 50px;	 */
	padding: 1.5em;
}
#footer a {
/*	text-decoration: none; */
	font-weight: bold;
}

#footer a:visited {
	color: #999999;
}











/*------------------------------------------------------------
	5. navigation	
------------------------------------------------------------*/

#menu {
	z-index: 10000;
	width: 100%;
	height: 2.3em;
	background: #232158 url(/static/images/site_images/nav/corner_l.gif) no-repeat left bottom; 
/*	margin-bottom: .5em; */
	z-index: 10000;
}

#menu ul {
	z-index: 10000;
	width: 100%;
	margin: 0;
	list-style: none;
	background: transparent url(/static/images/site_images/nav/corner_r.gif) no-repeat right bottom;
}

#menu li {
	z-index: 10000;
	margin: 0;
	float: left;
	height: 2.3em;
	line-height: 2.3em;
	background: url(/static/images/site_images/nav/divider.gif) no-repeat left center;
	position: relative; }

#menu li a {
	display: block;
	height: 2.3em;
	padding: 0 15px 0 16px; }

#menu .first {
	background: none; }

#menu li a:link	{
	color: #fff;
	text-decoration: none;
}
#menu li a:visited	{
	color: #fff;
	text-decoration: none;
} 
#menu li a:hover	{ color: #fff; text-decoration: underline; }
#menu li a:active	{ color: #eee; text-decoration: underline; }


/* sub navigation */
	#menu li ul {
		display: none;
		background: none;
		position: absolute;
		z-index: 11;
		left: 0;
		top: 100%; }
	
	#menu li:hover ul, #menu li.sfhover ul {
		display: block; }
	
	#menu li li {
		float: none;
		height: auto;
		width: 20em;
/*		line-height: auto; */
		background: #fff;
		border: solid #C2C4DB;
		border-width: 0 1px 1px 1px; }
	
	#menu li li a:link		{ color: #232158; text-decoration: none; }
	#menu li li a:visited	{ color: #232158; text-decoration: none; }
	#menu li li a:hover		{ color: #232158; text-decoration: none; background: #F3F4F8; }
	#menu li li a:active	{ color: #232158; text-decoration: none; background: #F3F4F8; }





/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center, .ctr { text-align: center;	}
.align-justify { text-align: justify; }
/* display classes */
.clear { clear: both; }
.block { display: block; }
.hide  { display: none; }	
.blue  {	color: #3791D7; }







/* hide elements for accessibilty */
/*#nav_site, #header p {position: absolute;left: -9999px;top: -9999px; } */

/* hide text for image replacement */
/*	#header h1 {		text-indent: -9999px;		overflow: hidden; } */
/*	#header h1 a {		text-decoration: none; } */
		


/* clear floats */
	#menu ul:after, #quick_search:after, dl.inline:after {
		content: ".";
		height:0;
		display: block;
		visibility: hidden;
		clear: both; }


.adb { display: block; }
.fwn { font-weight: normal; }


.bm_active { color: #707095; background: green; }
.bm_hover  { background: #FFFFC0; color: #0000c0; }
.okcancel { vertical-align: middle; padding: 3px; }
.folder { cursor: pointer; font-weight: bolder; }
.mv>span{ cursor: move; color: black; }
.mv:hover { color: #C05800; }
/* #bm_tree ul, #bm_tree li { margin-left: .4em; } */
.root>span { font-size: 1.1em; font-weight: bold; line-height: 24px; }
#bm_tree a { padding: 0px 0px; }
#ss_tree>span, #ss_tree_sidebar>span { font-size: 1.3em }
/*#ss_tree ol, #ss_tree li { margin-left: 1.3em; } */
.ss_folder { line-height: 1.6em;  padding: .2em; background-color: white; /* #E7E7E7; */ }
/* .ss_even		{ background-color: #EEE9DA; } */
.ss_even		{ background-color: #EEF4E5; }
#ss_tree li, #ss_tree_sidebar li { list-style-type: none; }


#bms_tree { margin-top: 3px; }
#bms_tree ul, #bms_tree ol, #pa_tree ul, #pa_tree ol { margin-left: .8em; }
#bms_tree li, #pa_tree li { margin-left: .2em;
 list-style-type: none;
}
#bms_tree a { padding: 2px 0px; }
#tb_bms { margin-top: 1em; }
.folder:hover { background-color: #EEEFB3; }
#bms_tree>span { display: block;}
/*.folder { display: block; } */
.folder_active { background-color: #AAFF9F; font-weight: bold; }


#bms_tree li.asel { cursor: move; color: #A01D1D; background-color: #EEDEDE;  list-style-type: decimal;  margin-left: 2em; }
/* #bms_tree li.asel { cursor: move; color: #493893; background-color: #C6C9FF;  list-style-type: decimal;  margin-left: 2em; } */

#bms_tree li.stored_asel { color: #005000; background-color: white; }
.sortHelper
{
	border: 3px dashed #ccc;
	width: auto !important;
}

#pa_tree li.asel { cursor: move; color: navy; list-style-type: none;  margin-left: 2em; }








#preferences fieldset {
border:medium none;
padding:2em 1em 1.5em;
}
#preferences legend {
font-size:1.2em;
font-weight:bold;
margin-left:-0.6em;
padding:0pt 0.5em;
}

#preferences fieldset div {
clear:both;
margin-bottom: 1.4em;
position:relative;
}
#account_details fieldset div {
margin-bottom: .4em;
}
#preferences label, #preferences fieldset div.cr p {
color:#333333;
display:block;
float:left;
font-weight:bold;
margin:0pt 1em 0pt 0pt;
text-align:right;
width:13em;
}
#preferences fieldset div.cr label, #preferences fieldset div p, #preferences div.buttons {
color:#000000;
float:none;
font-weight:normal;
margin:0pt 0pt 0pt 14em;
text-align:left;
width:auto;
}
#preferences input, #preferences select {
	padding: 0em;
	border-width: 1px;
}
#preferences option {
	padding:0.1em 1em 0.1em 0.1em;
}
#preferences fieldset br {
	display: none;
}
.on {
	color: green;
}
.even { background-color: #deeede; }













.focus_area_list label {
	color: navy;
	text-decoration: underline;
	cursor: pointer;
	font-size: 1.3em;
}
.focus_area_list li {
	margin: .5em 0em .5em 0em;
}
ol.focus_inputs {
	padding-left: 3em;
}
li.focus_inputs > input {
	width: 100%;
}
#briefing_display_prefs_list label {
	padding: 0em 2em 0em 2em;
	border: 1px solid #ccc;
	margin-right: 2em;
	margin-left: 2px;
}
#briefing_display_prefs_list li {
	padding-top: .5em;
}
div.result_table table td {
	vertical-align: top;
	padding: 1px;
}
div.result_table table tr:hover {
	background: #FFFF99;
}

.minmax {
	margin-right: 3px;
	width: 24px;
	float: right;
}
.min, .max {
	cursor: alias;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.min {
/*	cursor: n-resize; */
	background-image: url(/static/images/minimize.gif);
}
.max {
/*	cursor: s-resize; */
	background-image: url(/static/images/maximize.gif);
}
.x {
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	cursor: pointer;
	color: #CCC;
}
























.ac_results {
        padding: 0px;
        border: 1px solid black;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;

}
.ac_results li em { 
	font-weight: bold; 
	font-style: normal; 
	background: #dae1eb;  
	color: #000;
}

.ac_loading {
/*        background: white url('/static/images/ajax_ac.gif') right center no-repeat; */
		background-image: url('/static/images/ajax_ac.gif');
		background-repeat: no-repeat;
		background-position:  right center;
}

.ac_odd {
        background-color: #eee;
}

.ac_over {
        background-color: #0A246A;
        color: white;
}
.fa_handle {
	cursor: move;
}

#user_info td {
	padding-bottom: .2em;
}
/*
.bb1 {
	border-bottom: 1px solid black;
}
.bl1 {
	border-left: 1px solid black;
}
*/
.t1, .t2, .t3 {
	border: 1px solid #ccc;
	border-spacing: 0;
	border-collapse: separate;
	padding: .2em;
}
.t1 td, .t2 td, .t2 th, .t3 td, .t3 th {
	border: 1px solid #eee;
}
.pad1 {
	padding: .25em;
}
.pad1r {
	padding-right: 1em;
}
.b {
	font-weight: bold;
}

.t2 td, .t3 td {
	padding: .1em .3em .1em .3em;
}
.t3 td {
	vertical-align: top;
}
.t2 th {
	padding: .5em 1em .5em .3em;
	background: #ccc;
}
.ul1 {
	list-style-type: none;
	margin: 1em;
	clear: right;
}
.ul1 li {
/*	display: inline; */
	float: left;
	border: 1px dashed #00FF00;
	background-color: #D7FFD7;
	margin: 0em 0em 1em 1em;
	padding: .3em 0em .3em .3em;
}


.ul2 {
	list-style-type: none;
	margin: 1em;
	clear: right;
}
.ul2 li {
	border: 1px dashed #00FF00;
	background-color: #D7FFD7;
	margin: 0em 0em 1em 1em;
	padding: .3em 0em .3em .3em;
}

/*
#contacts li {
	margin-top: 1px;
}
*/
#contacts li:hover {
	background: yellow;
}
.ul2 li span, .ul1 li span {
	margin-left: .5em;
	padding: .1em .5em .1em .5em;
	border: 1px solid black;
/*	background: #232158 url(/static/facelist/images/token_x.gif) no-repeat left bottom;  */
}
.cancel, .ul2 li span, .ul1 li span {
	background-color: #FFC0C0;
}
.go {
	background-color: #D5E7DA;
}


.ul2 li span {
	position: absolute;
	right: 2em;
	margin-top: -2px;
}
.ptr {
	cursor: pointer;
}
.contact-cb {
	vertical-align: middle;
	margin: 0px 0px 4px 4px;
}
#contacts.sel {
	background-color: #D7FFD7;
}
.sel {	background-color: #D7FFD7; }


#sendmail_wrapper2_box {
	padding: 1em;
	border: 2px dashed #ccc;
}
#contacts li {
	clear: both;
}
#contacts input[type="checkbox"] {
	padding-right: 4px;
}

.scoopfocus h4 {
/*	clear: left; */
	font-style: italic;
	color: #232159;
}
div.scoopfocus {
	padding-left: 1em;
	margin: 0em 0em 1em 6.8em;
	padding-top: .8em;
}

#testimonials {
	padding: 1em 0em 0em 0em;
}

#testimonials ul {
	list-style-type: none;
	margin: 0;
	padding: .5em;
	padding-bottom: 0;
}
#testimonials ul li {
	margin-bottom: .5em;
}
#testimonials .t_odd {
	border-left: 6px solid #484E92;
	padding-left: 1.25em;
}
#testimonials .t_even {
	border-right: 6px solid #83AE45;
	padding-right: 1.25em;
}

.norm_h2 {
	font: bold 1.2em/1.6em verdana,arial,sans-serif;

}

#vidbox .benefits li {
/*	clear: right; */
	float: left;
}
.benefits1 li {
	padding-bottom: 1em;
}
.dim {
	color: #666;
	font-size: 11px;
}
#username, #password {
	font-size: small;
	border: 1px solid #ccc;
}

.t_sig {
	text-align: right;
/*	font-weight: bold; */
	color: #707486;
}