.contentMain * , .contentMain p{
   /* font-size:13px;*/
}

.clear{ clear:both;}

body , html{
    padding:0;
}

body {
    /*background:url("/img/bg-diagonal-noise.png") repeat fixed 0 0 #FDFDFD !important;*/
    background:url("/img/bg-diagonal-noise.png") repeat fixed 0 0 #FDFDFD ;
}

body , p, table, td {
	/*margin:0;*/
}

.mobileMain {
	background: none #FFFFFF;	
}

#wrapperMain {
   /* background-color:#C4C4C4;*/
	height:100%;
	min-height: 100%;	
}

/*  re-reset some styles */
/*
.wrapperMain , .wrapperMain * {
    font-size: 13px;
}
.wrapperMain h1{
    font-size: 16px;

}
.wrapperMain h2{
   font-size: 14px;
   font-weight:bold;
}
.wrapperMain h3{
   font-size: 13px;
   font-weight:bold;
}*/

.wrapperMain  *, .wrapperMain  *:before, .wrapperMain *:after {
   /* -moz-box-sizing: content-box;*/
}


* html #wrapperMain {
	height: 100%;	
}

/* the main box layout */

div#wrapper-e {
	width:1040px;
	margin: auto;
	margin-bottom:0;
	padding:0;
	height:100%;

    -moz-box-shadow: 0 0 15px #B4B4B4 !important;
    -webkit-box-shadow: 0 0 15px #B4B4B4 !important;
    box-shadow: 0 0 15px #B4B4B4 !important;
}


.contentMain{
    -moz-box-sizing:border-box;
    box-sizing: border-box;
}

.leftColX {
	display:block;
	clear:left;
	float:left;
	width:730px;
		
}
.leftCol {
    background: none repeat scroll 0 0 white;

    clear: left;
    display: block;
    float: left;
    padding: 8px;
    width: 730px;
    margin-top: -1px;

}

.leftColTask {
    border: 1px solid #d9d8d8;
}


.rightCol {
	display:block;
	clear:right;
	float:right;
	width:355px;
	width:215px;
	
	/*background-color:#EBECE4;*/
	margin-top:0px;
	
}

.menu_table td , .menu_table {
display:block;
clear:none;
border:1px solid #dddddd;
}

.menuTable a:link , .menuTable a:visited {
color:#000000;
text-decoration:none;
}

.userMenu {
	background: none ;
}

.userMenu td{
 color:#444;
}

/*
.loginTable input,  .loginTable td, .loginTable th   { 

	font-size:11px;
	margin:2px;
	padding:0;
}

.loginTable input {
	margin:0;
}

.loginTable td, .loginTable th   { 
 padding-left:4px;
 padding-right:4px;
 font-size:11px;
 color:#040404;
}

.loginTable a:link, .loginTable a:active, .loginTable a:visited {
	color:#FF6600;
	font-weight:bold;
	text-decoration:underline;
}
*/

.line200 {
    line-height: 200%;
}


a:link, a:visited {
	text-decoration:none;
	color:#003366;
}

a.btn:link, a.btn:visited {
    text-decoration:none;
    color:white;
}

a.btn-default:link, a.btn-default:visited {
    text-decoration:none;
    color:#333333;
}


.topMenuTable a:link, .topMenuTable  a:visited {
	text-decoration:none;
	color:#ffffff;
}


.small {
	font-size: 7pt;
	font-style: normal;
}

.header1 {
background-color:#EBE9E5;
}
.header2 {
background-color:#F3F6D8;
}


.all_tracks {
	display:none;
}

.actionsTable {
	display:none;
	border:1px solid #cccccc;
	background-color:#E3EEC2;
	background-color:#F1F5E5;
}
.actionsTable td{
	padding: 1px;
}

.topMenu a:link, .topMenu a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;

}

.listTable {
    background-color: #FDFDFF;
    background-image: none;
    border-right: 1px solid #F2F2F2;
    margin-right: 15px;
}
.listTable td , .listTable th {
	padding: 2px;
	padding-top: 1px;
	padding-bottom:1px;
	vertical-align:top;
	text-align:left;
}

.listTable th  {
	background-color:#F6F6E8;
	text-align:left;
}

.listTable img {
	vertical-align:middle;
	border:none;
}


.innerTable {
	padding:2px;
	padding-top:1px;
	padding-bottom:0;
	margin:0;
}

td.userTracksCell {
	padding:0; 
	margin:0;
/*	border-bottom:1px solid #FD8237;*/
}

.userNameCell {
	width:200px;
	background-color:#F9EA97;
	text-align:left;
}

.detailsHeader0 {
	background-color:#F0E0C6;
	background-color:#C8C6F0;
	padding:3px;
	padding-bottom:2px;
	padding-top:0;
	
}

.detailsHeader {
	background-color:#F5E8DF;
	background-color:#E9DEF6;
	padding:3px;
	
}

.detailsHeader1 {
	background-color:#C7E0EF;
}

.detailsHeader2{
	background-color:#ECF0C6;
}

.detailsHeader3{
	background-color:#DCF0C6;
}

.userNameCell a:link , .userNameCell a:visited {
	color:#1276A4;
}

.last_info {
	background-color:#EAF1F4;
	background-image:none;
	border: 1px solid #aaaaaa;
	padding:3px;
}

.last_info td {
	padding:1px;
	margin:0;
}

.list_tracks {
	background-color:#ffffff;
	background-image:none;
}

.list_tracks td {
	/* border: 1px solid #aaaaaa;*/
	padding:3px;
	margin:0;
}

td.list_tracks_details  {
	font-size:10px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#E5EBEF;
}


td.list_tracks_details1 {
	background-color:#E5EBEF;
}

td.list_tracks_details2 {
	background-color:#F8F8F6;
	font-size:9px;
	padding-left:5px;
}

td.list_tracks_details3 {
	background-color:#EBEFE5;
}

.list_tracks_action_header {
background-color:#E0EBBB;
}

.list_tracks th {
	/* border: 1px solid #888888;*/
	padding:3px;
	background-color:#298ABD;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #bbbbbb;
}

.row1 {	background-color:#FFFFFF;}
.row2 {	background-color:#F5F5FA;}

.row1_b {background-color:#FFF4F4;}
.row2_b {background-color:#F1E4E3;}


.row1_p {background-color:#E7E8DC;}
.row2_p {background-color:#F7F8E6;}


.resTable.td , .resTable td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #dddddd;
}
.resTable th  {
	font-weight:bold;
	border:1px solid #dddddd;
	background-color:#FAF8EF;
}

.resTable .row1 { background-color:#E3EDEE;}
.resTable .row2 { background-color:#EFF5F5;}
.resTable .row_p1 {	background-color:#ffffff;	color:#666666;	}

.noLive {
background-color:#C9E0DF;
}

.noLive td {
	color:#999999;
}

.liveTaskTable {
	border-collapse:collapse;
	border-color:#999999;
	border-color:#E1E1E1;
}

.liveTaskTable .row2 {
	background-color:#EFEDD1;
	background-color:#EFEFEF;
}


.actionRow1 {
	background-color:#FBF7D5;
}
.actionRow2 {
	background-color:#EFEEE1;
}

.dropBox {
	display:none;
	position:absolute;

	/*top:0px;
	left: -999em;
*/
	width:auto;
	height:auto;
	/*
	visibility:hidden;
*/
	border-style: solid; 
	border-right-width: 2px; border-bottom-width: 2px; border-top-width: 1px; border-left-width: 1px;
	border-right-color: #999999; border-bottom-color: #999999; border-top-color: #E2E2E2; border-left-color: #E2E2E2;
	border-right-color: #555555; border-bottom-color: #555555; border-top-color: #E2E2E2; border-left-color: #E2E2E2;
	
	background-color:#FFFFFF;
	padding: 0;
	margin:0;
}

.takeoffOptionsDropDown {width:410px; }


.liveTasks {
border:1px solid #0F73A7;
border:1px solid #aaaaaa;
border:none;
padding:4px;
background-color:#D0E6F4;

display:block;
}

.liveTasks td {
background-color:#f4f4f4;
}

/*
styles for Livenow block
*/
.eventBox {
	display:block;
	width:98%;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:15px;
	padding-bottom:3px;
}
.eventName {
	color:#656565;
	font-weight:bold;
}

.eventTask {
	color:#656565;
	font-size:0.7em;
	font-style:italic;
}

.eventLink {
	color:#656565;
	font-size:0.9em;
	font-weight:bold;
}

.eventStatus {
	color:#ffffff;
	background-color:#C0C0C0;
	
	text-align:right;
	font-size:0.9em;
	padding:2px;	
	text-shadow: 0 2px 2px rgba(0,0,0,.6);
	float:right;
	width:auto;
	padding:4px;
	padding-right:10px;
	padding-left:10px;
	clear:right;
}


.liveTasksCell {
	padding:3px;
	display:block;
	width:100%;
}

.liveTasksCell a:link , .liveTasksCell a:visited  {
	text-align:center;
	background-color:#FF6600;
	display:block;
	width:98%;
	border:1px solid #999999;
	padding:4px;
	color:#FFFFFF;
}

.liveTasks th {
	background-color:#f4f4f4;
	padding:5px;
	color:#003333;
	text-align:center;
	font-weight:bold;
}



.formError { 
	display:inline;
	color:#FF0000;
	font-size:11px;
}

#tzSelect {
display:none;
}

.actionsHeader {
	background-color:#9EC5DE;
	color:#6365BB;
	font-weight:bold;
}

.actionsDiv  a:link, .actionsDiv  a:active, .actionsDiv   a:visited {
	text-decoration:none;
	font-size:93%;
}

.actionsDiv {
	width:180px;
	border:1px solid #cccccc;
	background-color:#E6E6FF;
}

.actionsDiv div {
	padding:4px; 
	padding-top:2px; 
	padding-bottom:1px; 

}

div.col1 { width:22px; }
td.col1, th.col1 { width:22px; }
td.col2, th.col2 { width:24px; }
td.col3, th.col3 { width:292px; text-align:left;}
td.col4, th.col4 { width:114px; }
td.col5, th.col5 { width:58px; text-align:right}
td.col6, th.col6 { width:58px; text-align:right}
td.col7, th.col7 { width:70px; text-align:right}

td.col3,  th.col3 {
	
}


td.noPadding {padding:0; }

tr.userFirstRow td {
	border-top:1px solid #A6D89A;
	border:0;
	padding-top:3px;
	background-image:url(../img/user_row_bg.jpg);
	background-repeat:repeat-x;

}

td.userFirstRow2 {
	color:#FFFFFF;
	background-repeat:no-repeat;
}

.distanceSpan {
	font-size:9px;
	color:#999999;
}

.notice {
  border: 1px solid #8cacbb;
  margin: 0.5em;
  display:block;
  font-size:11px;
  background-color:#C0F0C3;
  padding: 5px;
}

span.alert, span.info, span.download, span.note , span.ok {
	border-top-width: 3px;
	border-top-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 10px;
	background-y-position: 50%;

	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	
	margin-top: 15px;
	margin-right: 0pt;
	margin-bottom: 15px;
	margin-left: 0pt;
}

span.note {
	color: #b79000;
	color:#9B772B;
	border-top-color: #fde179;
	
	border-bottom-color: #fde179;
	background-color: #fef6d8;
	background-image: url(/img/status-note.png);
}

span.alert {
	color: #cc0000;
	border-top-color: #fe7b7a;
	border-bottom-color: #fe7b7a;
	background-color: #ffd6d6;
	background-image: url(/img/status-alert.png);
}

span.info {
	color: #0055bb;
	border-top-color: #629de3;
	border-bottom-color: #629de3;
	background-color: #d8e5f8;
	background-image: url(/img/status-info.png);
}

span.download  {
	color: #57861a;
	border-top-color: #c2df88;
	border-bottom-color: #c2df88;
	background-color: #eef7dd;
	background-image: url(/img/status-download.png);
}

span.ok  {
	color: #57861a;
	border-top-color: #c2df88;
	border-bottom-color: #c2df88;
	background-color: #eef7dd;
	background-image: url(/img/icon_ok.gif);
	background-image: url(/img/status-ok.png);
	
}

pre {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: transparent;
	background-image: url(/img/blockquote-bg.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 0pt;
}

pre.lines {
	outline-color:#00FF33;
	border-bottom:1px solid #444444;
	line-height:150%;
}


div.button {
	background-color: #629DE3 ;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	cursor: pointer;

	border:2px solid #404040;
	border-top:none;
	border-left:none;
	color:#ffffff;

	display:inline;
	width:auto;
	clear:none;

	padding:5px;
	padding-right:30px;
	padding-left:30px;		
	margin-top:3px;
}

div.green {
	background-color:#4D9E0C;
}

div.blue {
	background-color:#6691C2;
}

div.orange {
	background-color:#FD923B;
}


div.button a {
	color:#ffffff;
	text-decoration:none;
}

span.num0  {background-image: url(/img/icon_0.gif);	 }
span.num1  {background-image: url(/img/icon_1.gif);	 }
span.num2  {background-image: url(/img/icon_2.gif);	 }
span.num3  {background-image: url(/img/icon_3.gif);	 }
span.num4  {background-image: url(/img/icon_4.gif);	 }
span.num5  {background-image: url(/img/icon_5.gif);	 }
span.num6  {background-image: url(/img/icon_6.gif);	 }
span.num7  {background-image: url(/img/icon_7.gif);	 }
span.num8  {background-image: url(/img/icon_8.gif);	 }
span.num9  {background-image: url(/img/icon_9.gif);	 }


.smallRed{ color:#FF0000; font-size:10px;}


/* buttons */
a.cta-w:hover,a.cta-c:hover,a.cta-s:hover,a.cta-h:hover{ background-color:none; }
.cta-w,.cta-c,.cta-s,.cta-h { background:transparent no-repeat top left;color:#000;text-decoration:none;text-align:center;cursor:hand;cursor:pointer;display:block;
width:9em;vertical-align:middle;font:bold 123%/1.5em arial;margin: 1em auto 0; }
.cta-w strong strong strong { font-weight:bold;}
.cta-w:hover,.cta-c:hover,.cta-s:hover,.cta-h:hover{cursor:hand;cursor:pointer; }
.cta-w strong,.cta-c strong,.cta-s strong,.cta-h strong{background:transparent no-repeat top right;right:-4px;position:relative;display:block;}
.cta-w strong strong,.cta-c strong strong,.cta-s strong strong,.cta-h strong strong{background:transparent no-repeat bottom left;top:5px;left:-4px;right:0;}
.cta-w strong strong strong,.cta-c strong strong strong,.cta-s strong strong strong,.cta-h strong strong strong { background:transparent no-repeat bottom right;padding:.1em 0 .3em 0;top:auto;right:-4px;left:auto;text-indent:-5px;}
.cta-w em,.cta-c em,.cta-s em,.cta-h em{display:block;font:70% arial;}

.cta-w{background-image:url(/img/buttons/yel_tl2.gif);}
.cta-w strong{background-image:url(/img/buttons/yel_tr.gif);}
.cta-w strong strong{background-image:url(/img/buttons/yel_bl.gif);}
.cta-w strong strong strong{background-image:url(/img/buttons/yel_br.gif);}
.cta-c{background-image:url(/img/buttons/pur_tl.gif);color:#fff;}
.cta-c strong{background-image:url(/img/buttons/pur_tr.gif);}
.cta-c strong strong{background-image:url(/img/buttons/pur_bl.gif);}
.cta-c strong strong strong{background-image:url(/img/buttons/pur_br.gif);}
.cta-s{background-image:url(/img/buttons/gry_tl.gif);}
.cta-s strong{background-image:url(/img/buttons/gry_tr.gif);}
.cta-s strong strong{background-image:url(/img/buttons/gry_bl.gif);}
.cta-s strong strong strong{background-image:url(/img/buttons/gry_br.gif);}
.cta-h,.cta-w:hover,.cta-c:hover,.cta-s:hover{color:#000;background-image:url(/img/buttons/grn_tl.gif);}
.cta-h strong,.cta-w:hover strong,.cta-c:hover strong,.cta-s:hover strong{background-image:url(/img/buttons/grn_tr.gif);}
.cta-h strong strong,.cta-w:hover strong strong,.cta-c:hover strong strong,.cta-s:hover strong strong{background-image:url(/img/buttons/grn_bl.gif);}
.cta-h strong strong strong,.cta-w:hover strong strong strong,.cta-c:hover strong strong strong,.cta-s:hover strong strong strong{background-image:url(/img/buttons/grn_br.gif);}



/* other way  */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/*
a.button {
    background: transparent url('/img/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/buttons/bg_button_span.gif') no-repeat;
    display: block;
	color: #444;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}
*/

a.btn2 {  background:  transparent url('/img/buttons/bg_button_a_2.gif') no-repeat scroll top right ; }
a.btn2 span {   background:  transparent url('/img/buttons/bg_button_span_2.gif') no-repeat; }

a.btn6 {  background:  transparent url('/img/buttons/bg_button_a_3.gif') no-repeat scroll top right ; }
a.btn6 span {   background:  transparent url('/img/buttons/bg_button_span_3.gif') no-repeat;  }

a.btn4 {  background:  transparent url('/img/buttons/bg_button_a_4.gif') no-repeat scroll top right ;  }
a.btn4 span {   background:  transparent url('/img/buttons/bg_button_span_4.gif') no-repeat; }

a.btn5 {  background:  transparent url('/img/buttons/bg_button_a_5.gif') no-repeat scroll top right ; }
a.btn5 span {   background:  transparent url('/img/buttons/bg_button_span_5.gif') no-repeat; }
	
a.bold span {font-weight:bold; }	

/* thrid way */

/*
.btn {
display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer;

}


.btn * { font-style: normal; background-image: url(/img/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span {  background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
*/

.noborder { border:0;}

/*
.btn {
    display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif; 
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	overflow:visible;
}
*/
.btn.small { font-size:9px; height:10px; font-weight:normal; }
a.btn.small span { font-weight:normal; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.grey { background: #999999; }
.btn.yellowgrey { background: #F2E1AE; }

.btn.right {float:right;}

.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn2[class] {  background-image: url(/img/buttons/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn.grey{ border-color:#999999; }
* html .btn:hover { border-color: #a00; }

/* now for dark background */
.dark[class] {  background-image: url(/img/buttons/shade_dark.png)}
.dark * { background-image: url(/img/buttons/btn2_dark.png); }

a.btn span {text-decoration:none; font-weight:bold; color:#FFFFFF; }
a.btn:visited span  , a.btn:link span { text-decoration:none; }



/* top panel drop down */

#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background: black;
color: white;
padding: 10px;
}

#dropdownpanel .control{ /*Div containing panel button*/
border-top: 2px solid #1C79BF;
color: white;
font-weight: bold;
text-align: center;
background: transparent url("/img/panel.gif") center center no-repeat; /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}

.noUserName a:link, .noUserName  a:active, .noUserName  a:visited{
	font-weight:bold;
	color:#666666;
	color:#292929;
	text-decoration:underline;
	text-decoration:none;
}

.userName , .userName a:link, .userName a:active, .userName a:visited {
	font-weight:bold;
	color:#003399;
	text-decoration:underline;
	text-decoration:none;
}

.userLoggedIn  , .userLoggedIn a:link, .userLoggedIn a:active, .userLoggedIn a:visited {
	color:#FF9900;
}

.userInvalid , .userInvalid a:link, .userInvalid a:active, .userInvalid a:visited{
	color:#999999;
	font-style:italic;
}


.timeAgo {
	padding-top:6px;
	padding-left:4px;
	font-size:9px;
	color:#999999;
	color:#BC4040;
}

.oldVersion {
color:#FF0000;
}

.oldVersion3 {
color:#FF9900;
color:#FF6600;
}


.topMenuCell {
	border:1px solid #589ACC;

	background: #45789F;
	font-weight:bold;
	font-size:13px;
	vertical-align:middle;

}

.topMenuCell a, .topMenuCell a:visited {
display:block;
width:100%;
height:100%;
vertical-align:middle;
}

.topMenuCellSmall {
	border:1px solid #B0CDE6;
	padding-top:1px;
	padding-bottom:1px;
	font-size:11px;
	background:#92B743;
}

.topMenuCellSmall a:link, .topMenuCellSmall a:visited  {
	font-size:11px;
	font-weight:normal;
}

a.simpleLink , a:hover.simpleLink  {
	text-decoration:none;
	border:0;
	background:none;
	display:inline;
}



a.external {
	background-color: transparent;
	background: url(/img/external.png) no-repeat scroll right ;
	
	padding-top: 0pt;
	padding-right: 13px;
	padding-bottom: 0pt;
	padding-left: 0px;

}

.linkActive {
color:#FF9933
}

a.smallLink {
font-size:10px;
text-decoration:none;
color:#006699;
}



.actionDivHeader {
	display:block;
	clear:both;
	
	border:none;
	border-top:1px solid #CCCCCC;
	
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
		
	text-align:center;
	text-decoration:none;
	
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:3px;
	padding-top:4px;

	background-color:#2D7FBB;
	color:#FFFFFF;
	height:16px;
}

.actionDivHeader .title {
	display:inline; float:left; clear:left;
	margin-left:10px;
	font-weight:bold;
}

.actionDivHeader td {color:#FFFFFF;}

#actionDivMain {
	padding:5px;
	line-height:1.3em;
}

#actionDivMain a:link, #actionDivMain a:visited ,  #actionDivMain a:active {
	color:#3E466C;
	/*#3144EE;*/
	text-decoration:none;
} 

a.trackActionsLink {
	text-decoration:none;
	color:#2B241E;
}

.closeButton , .closePopupButton {
	cursor: hand;
	cursor: pointer;
	display:block;
	width:14px;
	height:14px;
	float:right;
	clear:none;

	margin:0;
	margin-right:2px;
	padding:0;
	background:url('/img/icon_x_white.gif') no-repeat left top ;
}


#actionDivMain div { 
height:22px;
}

.track_status {

font-family:"Courier New", Courier, monospace;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#0099CC;
}



.langIcon {
border:none;
margin-left:3px;
}

.langIconActive {
	border:1px solid #FFCC00;
}


.selectBox {
    background-color: #444444;
    color: #FFFFFF;
    font-size: 10px;
}

.selectBoxLang {
    border: 1px solid #C5DF21;
    border-radius: 5.3px;
    font-size: 12px;
    padding: 1px 2px 2px;
    width: 95px;

}


.contactButton {
	text-decoration:underline;
	padding:3px;
	color:#006699;
	cursor:pointer;
}



.userMenuLink {
	text-decoration:underline;
	padding:3px;
	color:#006699;
	cursor:pointer;
}

ul.userMenuUl {
font-size: 12px;
line-height: 1.7em;
color: #00CC33;
text-decoration: none;
text-indent: 0px;
list-style-position: inside;
list-style-image: url(/img/menu_arrow_left.gif);
list-style-type: square;
padding: 3px;
margin: 0px;
}

div#userMenuDiv {	
	margin: 0.5em;
	background-color: #FEFEFE;
	padding-bottom: 5px;
	width:180px;
	height:auto;
	display:none;
	position:absolute;
	z-index:19999;
	border:2px solid #DEDEDE;
	padding:0px;
}

a.filterLink {
background-image:url(/img/icon_look2.gif);
background-repeat:no-repeat;
background-position:2px 2px;
background-color:#F4AAD2;
padding:2px;
padding-left:20px;
padding-right:4px;
font-size: 13px;
font-weight:bold;
text-decoration:underline;
color:#FF6600;
border:2px #FF6633 solid;
border-top:none;
border-left:none;
}


/* autocomplete styles */

.ac_input {
	width: 100px;
    border: 1px solid #006600;
    font-size:11px;

}
.ac_results {
    width:300px;
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

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

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url('/img/ajax-loader.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}



/* Footer css */

#footer_nav {
    font-size: 90%;
    min-height: 120px;
    padding-top: 2px;
    width: 980px;
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
    text-align: left;
}

#ft{
    margin-top: 0px;
    padding: 0pt;
    padding-bottom: 5px;
    font-size:11px;
}
#ft * {
    font-size:12px;
    color:white;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#footer_nav ul li {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0pt;
	margin:0;
	line-height: 1.6em;
}

#footer_nav a, #footer_nav a:visited  {
    color: #f0f0f0;
    padding:3px;
}
#footer_nav a:hover  {
    color: #04a2d8;
    color: #b5df21;
    background-color:#333333;
    padding:3px;
}

.clearl {clear: left;}
.left {display: inline;float: left;}
#footer_nav .first ul {width: 155px;}

#footer_copyright {
    font-size: 95%;
    display: block;
    color: #999999;
    line-height: 1.8em;
    height: 20px;
    text-align:center;
}

a.black, a.black:link, a.black:visited, span.black, p.black, strong.black {color: black;}
.fm {font-size: 110%;}



.header li {
float: left;
}

.header .categories{
height: 34px;
z-index: 0;
background-color: transparent;
background-image: url("/img/nav-bg.png");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0px 0px;
}

.header .categories ul {
list-style-type: none;
margin:0;
padding:0;
position: relative;
margin-left: 80px;
height: 30px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 2px;
background-color: transparent;
}

.header .categories li 
{
position: relative;
top: 3px;
height: 26px;
padding-top: 7px;
padding-right: 12px;
padding-bottom: 2px;
padding-left: 12px;
background-color: transparent;
background-image: url("/img/nav-divider.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px -5px;
}
.header .categories li  a,.header .categories li  a:link {
padding-top:0px;
text-decoration:none;
color:#353535;
font-size:15px;
font-weight:normal;
}


.headerTop {
	background: url(/img/headerTop2.jpg) repeat-x;
}

div.menuItemNotice {
	border:1px solid #f00000;
	padding:5px;
	margin:5px;
	
	background-color:#FF3D29;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
}

.newsRow {
	margin-bottom:10px;
	padding:5px;
	background-color:#f0f0f0;
	text-align:left;
	font-size:12px;
}

.timeSpan {
	font-weight:bold;

}


.numeration {
	display: block;
	font-size:15px;
	font-family:helvetica;
	float:right;
}

.numeration a:link , .numeration a:active , .numeration a:visited {
	font-size:15px;
	border:1px solid #e5e5e5;
	padding:4px;
	background-color:#f0f0f0;
	margin-left:3px;
	margin-right:3px;
}


.activePageNum {
	display:inline;
	color: #ffea00;
	font-weight: bold;
	font-size: 16px;
	vertical-align: bottom;
	margin-left:3px;
	margin-right:3px;
	background-color:#858585;
	border:1px solid #e5e5e5;
	padding:4px;
}


.share_this li {
	
}

a.sidebutton  {
	color:#454545;
	color:#454545;
	font-size:13px;
	display:block;
	float:left;
	clear:both;
}

.sidebutton {
	color:#454545;
	font-size:13px;
	
	background-color: transparent;
	background-image: url("/img/ico-bullet.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 4px 8px;
	background:none;
	
	padding:3px;
	
	padding-left: 6px;
	border-bottom: 1px solid #ededed;
	margin-bottom:4px;
	
}


/* defaul set for form elements */

input, textarea, select { 
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#454545; 
	padding:7px;  
	font:14px Arial, Helvetica, sans-serif;
	width:230px;
	width:auto;  
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
/*
input[type=submit], 
input.submit ,
input[type=button],
input.button
{
	width:auto; 
	background:#2D87CB;
	border:1px solid #06a; 
	color:#fff; 
	font-weight:bold; 
	margin-top:15px;
	cursor:pointer; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	padding:5px; 
}

input[type=submit]:hover, 
input[type=submit]:focus, 
input.submit:hover, 
input.submit:focus,
input[type=button]:hover,
input[type=button]:focus,
input.button:hover,
input.button:focus
{ 
	background:#06a; 
	color:#fff; 
}
*/

select { width:auto; }
input:focus, textarea:focus { 
	border-color:#ccc; 
	color:#555; 
}



.cname {
	width:150px;
    display:inline-block;
}



/* breadvbrumbs */


#breadcrumbsSimple {
    padding: 0;
    margin: 0;
    margin-left:125px;
    height: 30px;
    font: bold 14px/30px arial; /* line-height MUST be the same as height */
	text-shadow: 0 -1px 0 #e3e3e3;

    list-style-type:none;
    background: #CCCCCC;
    width:auto;
    clear:both;
    margin-bottom:10px;
}
#breadcrumbsSimple li {
    float: left; /*ie6/7 needs this */
}
#breadcrumbsSimple a ,#breadcrumbsSimple div.current {
    float: left;
    position:relative;
    padding: 0 20px 0 10px;
    color: #000000;
    text-decoration: none;
    outline: none;
}

#breadcrumbsSimple a.odd {
    background: #e9e9e9;
}

#breadcrumbsSimple div.current {
    background: #FAD259;
    color:#ffffff;
    text-shadow: 0 -1px 0 #454545;
    font: bold 15px/30px arial;
}

#breadcrumbsSimple div.current span {
    border-left: 10px solid #FAD259;
    border-top: 15px solid #CCCCCC;
    border-bottom: 15px solid #CCCCCC;
}

#breadcrumbsSimple span {
    position: absolute;
    display: block;
    line-height: 0px;
    height: 0px;
    width: 0px;
    right: 0px;
    top: 0px;
    border-left: 10px solid #CCCCCC;
    border-right: none;
    border-top: 15px solid #e9e9e9;
    border-bottom: 15px solid #e9e9e9;
}

#breadcrumbsSimple div.current2 {
	line-height:100%;
    height: auto;
    width: auto;
    right:0;
    top: 0;
    border:mone;
}

#breadcrumbsSimple a.odd span {
    border-left: 10px solid #e9e9e9;
    border-top: 15px solid #CCCCCC;
    border-bottom: 15px solid #CCCCCC;
}


/* classes for jquery hover */

#breadcrumbsSimple a.hover {
    text-decoration: none;
    background: #999999;
}
#breadcrumbsSimple a span.hover {
    border-left: 10px solid #999999;
}
#breadcrumbsSimple a span.pre_hover {
    border-top: 15px solid #999999;
    border-bottom: 15px solid #999999;
}


/* bar simple */



#barSimple  span.searchSpan  {
   background: url(/img/icon_search_look.png) no-repeat 0 0px;
   width:24px;
   height:24px;
   display:block;
   cursor: pointer;
   float:right;
   margin-top:3px;
   margin-left:5px;
}

#barSimple {
    padding: 0;
    margin: 0;

    margin-top:0px;
    margin-left:96px;
    margin-bottom:10px;
    margin-right:-3px;
    
    height: 30px;
    font: nonmal 12px;


    list-style-type:none;
    

    width:auto;
    clear:both;
   
}

#barSimple.tracksBarSimple {
 	float:left;
	clear:none;
	width:781px;

	height:auto;
	margin:0;
    line-height:1.7em;
}


#barSimple.tracksBarSimpleA li a {
	-webkit-border-radius: 0 0 0 16px ;
	-moz-border-radius: 0 0 0 16px ;	
	border-radius: 40 0 0 16px ;
}

#barSimple li {
    float: left; /*ie6/7 needs this */
    /*height:30px;*/
}

#barSimple a ,#barSimple div.current  {
    float: left;
    position:relative;
    padding: 0 6px 0 10px;
    color: #000000;
    text-decoration: none;
    outline: none;
}


#barSimple div.current {
    background: #FAD259;
    color:#ffffff;
    text-shadow: 0 1px 0 #252525;
    font: bold 15px/30px arial;
}

#barSimple a.current {
    text-decoration: underline;
    color: #7E7878;
    padding: 2px;
    padding-left: 10px;
    padding-right: 11px;

}
/*
#barSimple div.barSimpleDivider {
    background: #D4D4D4;
    width:2px;   
    border-left:1px solid #999B9E;
}
*/
#barSimple div.barSimpleDivider {
    border-left: 1px solid #E3E8EE;
    height: 13px;
    margin-top: 3px;
    padding-top: 0;
    width: 1px;
}

/* classes for jquery hover */

#barSimple a.hover {
    text-decoration: none;
    background: #999999;
}
#barSimple a span.hover {
    border-left: 10px solid #999999;
}
#barSimple a span.pre_hover {
    border-top: 15px solid #999999;
    border-bottom: 15px solid #999999;
}


#filterMenu, #selectTzBox  {
	width:100%;
	margin-left:0px;


    margin-top:-20px;
    margin-bottom: 20px;

	display:block;
	display:none;
	height:auto;
	
	padding:8px;
    padding-right:0;
    padding-left: 0;
	background:#F2F2F2;
	border-bottom: 1px solid #D3D3D3;

}


#filterMenu.trackingOptions {
    display: none;
    /*display: block;*/
    position:absolute;
    width:1010px;
    z-index: 1;
}
#filterMenu.trackingOptions * {
   /* font-size:14px;
   */
}



#filterMenu.trackingOptions {
    background: none repeat scroll 0 0 #ffffff;
   /* font-size: 14px;
   */
    margin-bottom: 10px;
    margin-top: 3px;
}

#filterMenu.trackingOptions td {
	text-align:center;
}

#filterMenu.trackingOptions img {
	/*border:2px solid #ffffff;*/
}

#filterMenu.trackingOptions a:link, #filterMenu.trackingOptions a:visited, #filterMenu.trackingOptions a:active {

    color: #ffffff;
	/*text-decoration:underline;*/
}

#filterMenu.trackingOptions a:hover{
/*
	background:none;
*/
}


#timeBox {

    clear: none;
    display: block;
    float: right;

    font-size: 14px;
    font-weight:bold;
    height: 23px;
    margin: 0;
    margin-right:7px;
    margin-top:-2px;
    padding: 0px 0px 0px;
    text-align: right;
}


#timeBox a:link, #timeBox a:active, #timeBox a:visited {
	color:#3D78BF;
    font-size: 14px;
    text-decoration: underline;
}
#timeBoxActivate a:link, #timeBoxActivate a:active, #timeBoxActivate a:visited, #timeBoxActivate *{
    color:#3D78BF;
    font-size: 14px;
    text-decoration: underline;
}

#secondLine {
    clear: both;
    float: left;
    margin: -1px 0 0 2px;
    padding: 4px 2px 2px;
    width: 100%
}


#tracksPagination {

    padding-left: 3px;
    text-align: left;
}

#tracksPagination .pagination {
    margin:0
}

#smsPagination {
	float:right;
	margin:10px;
	margin-top:0;
	clear:both;
    text-align: right;
}

#smsPagination .pagination {
    margin:0
}



#google_translate_element {
	clear:none;
	float:left;
	margin-top:-3px;
	margin-right:5px;
}

#google_translate_element a:link, #google_translate_element a:active, #google_translate_element a:visited {

	color:#353535;
	
}


.linkOld {
float:left;
clear:none;
background:#676767;
padding:2px;
padding-left:5px;
padding-right:5px;
}

.linkOld a:link, .linkOld a:active, .linkOld a:visited {
	color:#ffffff;
}


.translate {
background:#F8C6C6;
border:1px dotted #FFFFFF;
}

.translateOK {
	background: none repeat scroll 0 0 rgba(168, 200, 169, 0.67);
}

.translateNOK {
	background:none repeat scroll 0 0 rgba(228, 151, 136, 0.61);
}

.translate input {
	font-size:9px;
	padding:0;
	margin:0;
}
.translateOrg {
	display:none;
}

.translateCmd {
	background:#0000ff;
	color:#ffffff;
	border:1px solid #d0d0d0;
	z-index:9999;
	cursor:crosshair;
}

#translateControl {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:60px;
	background:#d9d9d9;
	font-size:9px;
}

#translateDontFollowLinks {
	text-decoration:underline;
	cursor: pointer;	

}

#breadcrumbs .watchLive {
	background-color:#963DBB;
	background-color:#32B031;
	height:24px;
	padding:0;
	padding-top:7px;
	width:90%;
	display:block;
	top:3px;
	left:1px;
	position:absolute;

}

#breadcrumbs  a:link.watchLive, #breadcrumbs .watchLive a:hover {
	color:#ffffff;
	text-shadow:0 1px 0 #454545;
}

.alignForm div {
	float:left;
	clear:both;
	width:350px;	
}

.alignForm input {
	float:right;
	
}

.mbc_container div .debugEntry , .debugEntry {
    line-height: 120%;
}
.debugEntry .sqlTime {
    background-color:#F7DCC2;
}

.debugEntry .debugTime {
    color:#0000ff;
}

.trackListBanner {
    margin-bottom: 10px;
}

.liveusername {
    color: #3B5998;
    font-weight:bold; font-size:1.0em;

}


.list_last_location , .list_last_time  {
    color: #999999;
    margin-left: 17px;
    margin-bottom: 3px;
    font-size:11px;
}

.eventsTable {
    margin-left:10px;
}

#carousel-1 .carousel-caption {
    max-width: 550px;
    padding: 0 20px;
    margin:0 auto;
    margin-top: 200px;
    text-align:center;
}



.bs-callout-warning {
    background-color: #FAF8F0;
    border-color: #FAEBCC;
}
.bs-callout {
    border-left: 3px solid #748BDC;
    background-color: #FAF8F0;
    margin: 10px 0;
    padding: 10px;
}

#taskMenuTop *{
    margin-right:3px;
}
#taskMenuTopAdmin *{
    margin-right:3px;
}


.profile-photo-big {
    width:400px;
    height:400px;
}

.profile-photo-med {
    width:250px;
    height:250px;
}

.profile-photo-normal {
    width:60px;
    height:60px;
}

.profile-photo-small {
    width:30px;
    height:30px;
}


/* some nice shadow box effects */


.boxed h3{
    text-align:center;
    position:relative;
    top:80px;
}
.boxed {
    width:100%;
    height:100%;
    background:#FFF;
    margin:40px auto;
}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
    position: relative;
}
.effect2:before, .effect2:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
    position: relative;
}
.effect3:before
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
    position: relative;
}
.effect4:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
    position: relative;
}
.effect5:before, .effect5:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.effect5:after
{
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

h1.pageheader {
    background: url("/img/logo_white_small_transparent.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #B5DF21;
    color: #696969;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 28px;
    text-align: left;
    line-height: 32px;
}

.underline {
    border-bottom: 1px solid #B5DF21;
    color: #696969;
}

h1.pageheader a, h1.pageheader * {
    font-size: 26px;
    color: #3D78BF;
    text-decoration: none;
}

h1.pageheader small  {
    float: right;
    font-size: 16px;
    padding-top:5px;
}

h1.pageheader small a {
    font-size: 16px;
}

h1.pageheaderSmallFont {
    background-position: 0 7px;
}
h1.pageheaderMedFont {
    background-position: 0 7px;
}
h1.pageheaderSmallFont ,h1.pageheaderSmallFont a , h1.pageheaderSmallFont *  {
    font-size: 18px;
}

h1.pageheaderMedFont ,h1.pageheaderMedFont a ,h1.pageheaderMedFont * {
    font-size: 22px;
}

.popover {
    max-width: 900px!important;
}

.badge-base {
margin-left:2px;
border-radius: 10px;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 1;
min-width: 10px;
padding: 3px 7px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}

.badge-red {background-color: #d31c2e; }

/* override bootstrap */
.btn-primary {
    background-image: none;
    background: none repeat scroll 0 0 #428BCA;
    border-color: #428BCA;
}

.servicePopover {

    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    color:#428BCA;
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: dashed;
}

.popoverService {
    max-width: 400px ! important;
}




/* diagonal ribbons */
.ribbon-wrapper {

    width: 180px;
    height: 180px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
    position: relative;
    z-index: 90;
}

.ribbon-wrapper-green {
    width: 105px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-green {
    font: 14px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 4px 0;
    left: -5px;
    top: 23px;
    width: 140px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
    content: "";
    border-top:   3px solid #6e8900;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-green:before {
    left: 0;
}
.ribbon-green:after {
    right: 0;
}



.ribbon-wrapper-blue {
    width: 105px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-blue {
    font: 14px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 4px 0;
    left: -5px;
    top: 23px;
    width: 140px;
    background-color: #92b4dc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9ac7dc), to(#5e7abf));
    background-image: -webkit-linear-gradient(top, #9ac7dc, #5e7abf);
    background-image:    -moz-linear-gradient(top, #9ac7dc, #5e7abf);
    background-image:     -ms-linear-gradient(top, #9ac7dc, #5e7abf);
    background-image:      -o-linear-gradient(top, #9ac7dc, #5e7abf);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-blue:before, .ribbon-blue:after {
    content: "";
    border-top:   3px solid #012d89;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-blue:before {
    left: 0;
}
.ribbon-blue:after {
    right: 0;
}




.ribbon-wrapper-red {
    width: 105px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-red {
    font: 14px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 4px 0;
    left: -5px;
    top: 23px;
    width: 140px;
    background-color: #dc7e85;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc958b), to(#bf4b38));
    background-image: -webkit-linear-gradient(top, #dc958b, #bf4b38);
    background-image:    -moz-linear-gradient(top, #dc958b, #bf4b38);
    background-image:     -ms-linear-gradient(top, #dc958b, #bf4b38);
    background-image:      -o-linear-gradient(top, #dc958b, #bf4b38);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-red:before, .ribbon-red:after {
    content: "";
    border-top:   3px solid #890d00;
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}

.ribbon-red:before {
    left: 0;
}
.ribbon-red:after {
    right: 0;
}


.unhappyMessage {
    padding: 10px;
    background: #F2CFD2;
    display: block;
    margin-top: 5px;
    color: #DF2D4A;
}