.smalltext {
color:#000;
font-family:Arial;
font-size:7pt;
font-weight:lighter;
}

.text {
color:#000;
font-family:Arial;
font-size:8pt;
text-shadow: none;
text-decoration:none;
}

.text10 {
color:#000;
font-family:Arial;
font-size:10pt;
}

.text2 {
color:#36c;
font-family:Arial;
font-size:8pt;
}

.text3 {
color:#000;
font-family:Arial;
font-size:9pt;
font-weight:700;
}

.text4 {
color:#fff;
font-family:Arial;
font-size:8pt;
}

.yellowbar {
width:400px;
height:20px;
background-image:url("images/yellowbar.gif");
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:8pt;
font-style:bold;
}

.roundedbox {
height:180px; 
border-radius: 5px; 
overflow-y: scroll;
overflow-x:hidden;
clear: both; 
border:1px solid lightgrey; 

}


.graybar {
width:400px;
height:20px;
margin-left:auto;
margin-right:auto;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:8pt;
font-style:bold;
}

.imageBox {
width:250px;
height:39px;
background-image:url("images/green.gif");
color:#030;
font-family:Arial;
font-size:11pt;
font-style:bold;
}

.bluetext {
color:#4863A0;
font-family:Arial;
font-size:8pt;
}

.native_h {
color:#000;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:10pt;
font-weight:700;
}

.native_h12 {
color:#000;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:12pt;
font-weight:700;
font-color:#000;
}

.native {
color:#000;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:8pt;
}

.bluetitle {
color:#358;
font-family:Arial;
font-size:11pt;
font-weight:700;
}

.red {
color:red;
font-family:Arial;
font-size:11pt;
font-weight:700;
}

.green {
color:green;
font-family:Arial;
font-size:11pt;
font-weight:700;
}

a.selectLink:hover {
color:blue;
background:#ccc;
font-family:Arial;
font-size:8pt;
text-decoration:none;
}

a.imagelink:hover {

font-family:Arial;
font-size:8pt;
text-decoration:none;
}

.styled_select {
width:158px;
height:21px;
font:12px/21px arial,sans-serif;
}

h2 {
margin:0 40px;
}

#sidebar {
background-color:#FFFFF0;
width:200px;
height:600px;
overflow:auto;
border:1px solid #D3D3D3;
}

#news {
width:198px;
height:600px;
overflow:auto;
border:0 solid #D3D3D3;
position:relative;
top:1px;
left:1px;
}

#rightbar {
width:200px;
height:600px;
overflow:hidden;
border:1px solid #D3D3D3;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

#report {
width:700px;
height:600px;
border:1px solid #D3D3D3;
}

#loading {
background-color:#fff;
position:absolute;
left:50%;
top:50%;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top:-50px;
margin-left:-100px;
text-align:center;
}

#drilling_controls {
width:690px;
height:65px;
background-color:#FFF;
border:0 solid #D3D3D3;
position:relative;
top:5px;
left:5px;
}

#map_canvas {
width:690px;
height:515px;
border:1px solid #D3D3D3;
position:relative;
top:10px;
left:5px;
}

#service_map_canvas {
width:500px;
height:400px;
border:1px solid #D3D3D3;
position:relative;
top:0;
left:0;
}

#account {
width:330px;
height:25px;
background-color:#FFF;
font-family:Arial;
font-size:8pt;
border:0 solid #D3D3D3;
position:relative;
top:7px;
left:5px;
}

#objective {
width:140px;
height:25px;
background-color:#FFF;
font-family:Arial;
font-size:8pt;
border:0 solid #D3D3D3;
position:relative;
top:-18px;
left:310px;
}

#type {
width:150px;
height:25px;
background-color:#FFF;
font-family:Arial;
font-size:8pt;
border:0 solid #D3D3D3;
position:relative;
top:-43px;
left:450px;
}

#date {
width:120px;
height:25px;
background-color:#FFF;
font-family:Arial;
font-size:8pt;
border:0 solid #D3D3D3;
position:relative;
top:-37px;
left:25px;
}

#infoline {
width:160px;
height:20px;
background-image:url("/images/graybar.gif");
font-family:Arial;
font-size:8pt;
border:0 solid #D3D3D3;
}

body {
border:0;
width:100%;
background:#fff;
font-family:Trebuchet MS, Helvetica, sans-serif;
min-width:600px;
font-size:90%;
text-align:center;
margin:0;
padding:0;
}

.stripboxblue {
background-image:url("images/strip_blue.gif");
}

.stripboxorange {
background-image:url("images/strip_orange.gif");
}

.stripvalue {
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:17pt;
font-weight:700;
text-align:left;
color:#FFF;
padding:0 0 0 5px;
}

.stripboxhead {
font-family:Trebuchet MS, Helvetica, sans-serif;
font-weight:700;
text-align:left;
color:#FFF;
font-size:8pt;
padding:0 0 0 5px;
}

.buttons a,.buttons input.positive {
display:block;
float:left;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
line-height:130%;
text-decoration:none;
font-weight:700;
color:#565656;
cursor:pointer;
margin:0 7px 0 0;
padding:5px 10px 6px 7px;
}

.buttons input.positive {
width:auto;
overflow:visible;
padding:4px 10px 3px 7px;
}

.buttons input.positive[type] {
line-height:17px;
padding:5px 10px 5px 7px;
}

*:first-child+html input.positive[type] {
padding:4px 10px 3px 7px;
}

.buttons input.positive img,.buttons a img {
border:none;
width:16px;
height:16px;
margin:0 3px -3px 0 !important;
padding:0;
}

input.positive:hover,.buttons a:hover {
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#369;
}

.buttons a:active {
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

input.positive,.buttons a.positive {
color:#529214;
}

.buttons a.positive:hover,input.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}

.buttons a.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}

.buttons a.negative,input.negative {
color:#d12f19;
}

.buttons a.negative:hover,input.negative:hover {
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}

.buttons a.negative:active {
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

#confirmbox {
position:absolute;
background-image:url("images/dialog.gif");
width:360px;
height:144px;
display:none;
}

#newbidbox {
position:absolute;
background-image:url("images/newbidbox.gif");
width:601px;
height:301px;
display:none;
}

a {
color:#369;
}


a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: -35px;
	left: -40px;
	width: 80px;
	padding: 5px;
	z-index: 100;
	border:1px solid gray;
	border-radius:5px;
	background: #FFFFBE;
	color: #000;
	font-family:"Helvetica";
	font-size:10px;
	text-align:center;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}


a > img {
text-decoration:none;
border:none;
}

h1,h2,h3,h4 {
margin:.8em 0 .2em;
padding:0;
}

p {
margin:.4em 0 .8em;
padding:0;
}

img {
margin:10px 0 5px;
}

#layoutdims {
clear:both;
background:#eee;
border-top:1px solid #000;
text-align:right;
position:relative;
z-index:-10;
margin:0;
padding:3px 12px !important;
}

.colmask {
position:relative;
clear:both;
float:left;
width:100%;
overflow:hidden;
}

.colright,.colmid,.colleft {
float:left;
width:100%;
position:relative;
}

.col1,.col2,.col3 {
float:left;
position:relative;
overflow:hidden;
padding:0 0 1em;
}

.threecol {
background:#fff;
border:0 solid #D3D3D3;
}

.threecol .colmid {
right:22%;
background:#fff;
border-right:1px solid #eee;
}

.threecol .colleft {
right:56%;
background:#fff;
border-right:1px solid #eee;
}

.threecol .col1 {
width:53%;
left:101.5%;
border:0 solid blue;
}

.threecol .col2 {
width:20%;
left:25.5%;
border:0 solid blue;
}

.threecol .col3 {
width:20%;
left:84.5%;
border:0 solid blue;
}

#footer {
clear:both;
margin-left: auto;  
margin-right:auto;
overflow:auto; 
width:960px;
border-top:1px solid #eee;
}

#footer p {
margin:0;
padding:10px;
}

#roundbar-blue {
clear:both;
float:left;
width:100%;
background:#80C8FF url(images/roundbar-blue.gif) 0 90% repeat;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #999999;
z-index:100;
position:relative;
padding:0;
}

#roundbar-blue ul {
list-style:none;
float:right;
position:relative;
right:50%;
margin:0;
padding:0;
}

#roundbar-blue ul li.first {
border-left:1px solid #999999;
}

#roundbar-blue ul li.last {
border-right:1px solid #999999;
}

#roundbar-blue ul li {
float:left;
position:relative;
left:50%;
margin:0 0 0 1px;
padding:0;
}

#roundbar-blue ul li a {
display:block;
color:#fff;
font-weight: bold;
font-size:.9em;
text-decoration:none;
border-left:1px solid #999999;
border-right:1px solid #000000;
line-height:1.3em;
margin:0;
padding:.7em .8em;
}

#roundbar-blue ul ul {
display:none;
position:absolute;
top:2.4em;
left:0;
right:auto;
width:10em;
}

#roundbar-blue ul ul li {
left:auto;
clear:left;
width:100%;
margin:0;
}

#roundbar-blue ul ul li a,#roundbar-blue ul li.active li a,#roundbar-blue ul li:hover ul li a,#roundbar-blue ul li.hover ul li a {
font-size:.8em;
font-weight:400;
background:#80C8FF url(images/roundbar-blue.gif) 0 30% repeat;
line-height:1.3em;
border-bottom:1px solid #000000;
border-top:1px solid #999999;
}

#roundbar-blue ul ul li a:hover,#roundbar-blue ul li.active ul li a:hover,#roundbar-blue ul li:hover ul li a:hover,#roundbar-blue ul li.hover ul li a:hover {
background:url(images/roundbar-blue.gif) 0 25% repeat;
}

#roundbar-blue ul ul.last {
left:auto;
right:0;
}

#roundbar-blue ul li:hover ul,#roundbar-blue ul li.hover ul {
display:block;
}





#roundbar-orange {
clear:both;
float:left;
width:100%;
background:#80C8FF url(images/roundbar-orange.gif) 0 90% repeat;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #FFC36E;
z-index:90;
position:relative;
padding:0;
}

#roundbar-orange ul {
list-style:none;
float:right;
position:relative;
right:50%;
margin:0;
padding:0;
}

#roundbar-orange ul li.first {
border-left:1px solid #FFC36E;
}

#roundbar-orange ul li.last {
border-right:1px solid #FFC36E;
}

#roundbar-orange ul li {
float:left;
position:relative;
left:50%;
margin:0 0 0 1px;
padding:0;
}

#roundbar-orange ul li a {
display:block;
color:#fff;
font-weight: bold;
font-size:.9em;
text-decoration:none;
border-left:1px solid #FFC36E;
border-right:1px solid #AF5500;
line-height:1.3em;
margin:0;
padding:.7em .8em;
}

#roundbar-orange ul ul {
display:none;
position:absolute;
top:2.4em;
left:0;
right:auto;
width:10em;
}

#roundbar-orange ul ul li {
left:auto;
clear:left;
width:100%;
margin:0;
}

#roundbar-orange ul ul li a,#roundbar-orange ul li.active li a,#roundbar-orange ul li:hover ul li a,#roundbar-orange ul li.hover ul li a {
font-size:.8em;
font-weight:400;
background:#80C8FF url(images/roundbar-orange-act.gif) 0 30% repeat;
line-height:1.3em;
border-bottom:1px solid #FFC36E;
border-top:1px solid #AF5500;
}

#roundbar-orange ul ul li a:hover,#roundbar-orange ul li.active ul li a:hover,#roundbar-orange ul li:hover ul li a:hover,#roundbar-orange ul li.hover ul li a:hover {
background:url(images/roundbar-orange-act.gif) 0 25% repeat;
}

#roundbar-orange ul ul.last {
left:auto;
right:0;
}

#roundbar-orange ul li:hover ul,#roundbar-orange ul li.hover ul {
display:block;
}

#fixed {
width:960px;
text-align:left;
margin:0 auto;
}

#centraldiv {
width:960px;
margin:0 auto;
}

a.selectLink:link,a.selectLink:visited {
color:#000;
font-family:Arial;
font-size:8pt;
text-decoration:none;
}

#roundbar-blue ul li.active a,#roundbar-blue ul li#current a {
background:url(images/roundbar-blue.gif) 0 75% repeat;
font-weight:700;
}

#roundbar-blue ul li a:hover,#roundbar-blue ul li:hover a,#roundbar-blue ul li.hover a {
background:url(images/roundbar-blue.gif) 0 75% repeat;
}


	
div#map_canvas img{
 margin-top: 0px;
 margin-left: 0px;
 }
 
 
#tabsB {
	  width:178px;	
      float:left;
      font-size:93%;
      line-height:normal;
      border-bottom: 1px solid #F4F4F4;
      margin-top:10px;
      margin-bottom:10px;
      text-align:center;
      }
#tabsB ul {
        margin:0;
        padding-left:5px;
        list-style:none;
      }
#tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabsB a {
      float:left;
      background:url("images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      
      }
#tabsB a span {
      float:left;
      width: 40px;
      display:block;
      background:url("images/tabrightB.gif") no-repeat right top;
      padding:5px 10px 4px 3px;
      color:#777;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
    /* End IE5-Mac hack */
#tabsB a:hover span {
      color:#000;
      cursor:pointer;
      }
#tabsB a:hover {
      background-position:0% -42px;
      cursor:pointer;
      }
#tabsB a:hover span {
      background-position:100% -42px;
      cursor:pointer;
      }

#tabsB #current a {
       background-position:0% -42px;
        }
#tabsB #current a span {
       background-position:100% -42px;
        }
 /* TabC */  
 
 #tabsC {
	  width:178px;	
      float:left;
      font-size:93%;
      line-height:normal;
      border-bottom: 1px solid #F4F4F4;
      margin-top:10px;
      margin-bottom:1px;
      text-align:center;
      }
#tabsC ul {
        margin:0;
        padding-left:5px;
        list-style:none;
      }
#tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
#tabsC a {
      float:left;
      background:url("images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      
      }
#tabsC a span {
      float:left;
      width: 25px;
      display:block;
      background:url("images/tabrightB.gif") no-repeat right top;
      padding:5px 10px 4px 3px;
      color:#777;
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
    /* End IE5-Mac hack */
#tabsC a:hover span {
      color:#000;
      cursor:pointer;
      }
#tabsC a:hover {
      background-position:0% -42px;
      cursor:pointer;
      }
#tabsC a:hover span {
      background-position:100% -42px;
      cursor:pointer;
      }

#tabsC #current a {
       background-position:0% -42px;
        }
#tabsC #current a span {
       background-position:100% -42px;
        }
      
        
        /* Buttons */

.button {
	display: inline-block;
	outline: none;
	margin:0px;
	width:165px;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em .5em .4em;
	border-radius: .5em;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.grey {
	color: #000000;
	border: solid 1px #C0C0C0;
	background: #F2F2F2;
	text-shadow: 0px 1px 1px #fff;
}

.menubutton{
	display: inline-block;
	outline: none;
	margin:0px;
	width:165px;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em .5em .4em;
	border-radius: .5em;
	color: #000000;
	border: solid 1px #C0C0C0;
	text-shadow: 0px 1px 1px #fff;
}

.grey:hover {
	background: #C0C0C0;
}
.grey:active {
	color: #FF0000;
}

.filterbutton {
	display: inline-block;
	outline: none;
	margin:0px;
	width:70px;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em .5em .4em;
	border-radius: .5em;
}
.filterbutton:hover {
	text-decoration: none;
}
.filterbutton:active {
	position: relative;
	top: 1px;
}

.grey {
	color: #000000;
	border: solid 1px #C0C0C0;
	background: #ffffff;
}
.grey:hover {
	background: #C0C0C0;
}
.grey:active {
	color: #FF0000;
}

.leftmenu {
	display: inline-block;
	outline: none;
	margin:0px;
	width:165px;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em .5em .4em;
	border-radius: .5em;
}
.leftmenu:hover {
	text-decoration: none;
}
.leftmenu:active {
	position: relative;
	top: 1px;
}

.listbox {
height:180px; 
border-radius: 5px; 
overflow-y: scroll;
overflow-x:hidden;
clear: both; 
border:1px solid lightgrey; 
display:none;
}

.filtersbox {
border-radius: 5px; 
overflow:auto; 
clear: both; 
margin:0px 20px 0px 20px;
padding:10px 10px 10px 10px;
font: 12px/100% Arial, Helvetica, sans-serif;
border:1px solid lightgrey; 
background: #FCFCFC;
display:none;
}

.messagebox {
border-radius: 5px; 
overflow:auto; 
clear: both; 
margin:5px 20px 0px 20px;
padding:5px 10px 5px 10px;
font: 12px/100% Arial, Helvetica, sans-serif;
border:1px solid lightgrey; 
background: #FFFFE4;
display:none;
}

.leftpanemsg {
border-radius: 5px; 
overflow:auto; 
clear: both; 
margin-top: 20px;
margin-right: 10px;
padding:10px 10px 10px 10px;
font: 12px/100% Arial, Helvetica, sans-serif;
line-height: 120%;
border:1px solid lightgrey; 
background: #FFFFE4;
display:none;
}

.leftpanemsggreen {
border-radius: 5px; 
overflow:auto; 
clear: both; 
margin-top: 20px;
margin-right: 10px;
padding:10px 10px 10px 10px;
font: 12px/100% Arial, Helvetica, sans-serif;
line-height: 120%;
border:1px solid lightgrey; 
background: #F0FFF0;
display:none;
}

.filterspan {
color:#4863A0;
}


	*{
		padding:0;
		margin:0;
	}

/* Grey Small Dropdown */
/* General dropdown styles */

.dropdown dl{ margin-left:5px;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }


/* DT styles for sliding doors */
.dropdown dt a {background:#ffffff url(images/dd.png) no-repeat scroll right center;
   display:block; width:20px; height:20px; cursor:pointer;}

.dropdown dt a.selected{
	background:#EEEEEE url(images/dd.png) no-repeat scroll right center;
}

.dropdown dt a.visited{
	background:#EEEEEE url(images/dd.png) no-repeat scroll right center;
}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}

/* UL styles */
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; display:none;
   list-style:none; padding:3px 0; position:absolute;
   left:0px; width:210px; left:auto; right:0; border:1px solid #656565; cursor:pointer;}

/*.dropdown dd ul li{ background-color:#ffffff; margin:0; width:200px;}*/
.dropdown dd ul li{ 
background-image: url(images/chart-icon.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 15px;
margin-left: 5px;

}
.dropdown span.value { display:none;}
.dropdown dd ul li a { display:block; font-weight:normal; width:210px; text-align:left; overflow:hidden; margin-left:5px; margin-right:10px; padding:2px 0px 3px 5px; color:#111111; text-decoration:none;}
.dropdown dd ul li a:hover{ padding-left:-10px; background:#A8A8A8; color:white; text-decoration:none; }
.dropdown dd ul li a:visited{ text-decoration:none; }

.buttonz {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
}.buttonz:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.buttonz:active {
	position:relative;
	top:1px;
}

.summaryselect {
	font: 12px/100% Arial, Helvetica, sans-serif;
	width:100%;
    padding: .4em .5em .4em;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   	color: #000000;
	border: solid 1px #C0C0C0;
	background: #ffffff;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.orange {
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 2em .55em;
	text-align: center;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



.switch {
	font: 12px Helvetica, Arial, sans-serif;
	position: relative;
	height: 25px;
	width: 125px;
	border-radius: 7px;
	@include background-clip(padding-box);
	background-color: #a7a7a7;
	@include background-image(linear-gradient(bottom, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 100%));
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 60px;
	line-height: 25px;
	font-size: 12px;
	color:#f1f1f1;
	text-align: center;
	cursor: pointer;
}

.switch-label-off {
	padding-left: 1px;
}

.switch-label-on {
	padding-right: 2px;
}

.switch-input {
	display: none;
}

.switch-input:checked + .switch-label {
  	color: #000;

  	-webkit-transition:  500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
   	-moz-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);

	-webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
   	-moz-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
	left: 60px;
}

.switch-selection {
	display: block;
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 2px;
	width: 60px;
	height: 20px;
	border-radius:5px;
	@include background-clip(padding-box);
	background-color: #eff2f7;

	-webkit-transition:  500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
   	-moz-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);

	-webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
   	-moz-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.commoditytab-active {
  background: #FCFCFC;
  background-image: -webkit-linear-gradient(top, #F2F2F2, #FCFCFC);
  background-image: -moz-linear-gradient(top, #F2F2F2, #FCFCFC);
  background-image: -ms-linear-gradient(top, #F2F2F2, #FCFCFC);
  background-image: -o-linear-gradient(top, #F2F2F2, #FCFCFC);
  background-image: linear-gradient(to bottom, #F2F2F2, #FCFCFC);
  font-size: 170%;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border: solid #cacbcc 1px;
  border-bottom: #ffffff 1px;

}

.commoditytab {
  background: #ffffff;

  font-size: 170%;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border: solid #cacbcc 1px;
  border-bottom: #ffffff 1px;
  
}

.btnorng {
  background: #f07305;
  background-image: -webkit-linear-gradient(top, #f07305, #f56c11);
  background-image: -moz-linear-gradient(top, #f07305, #f56c11);
  background-image: -ms-linear-gradient(top, #f07305, #f56c11);
  background-image: -o-linear-gradient(top, #f07305, #f56c11);
  background-image: linear-gradient(to bottom, #f07305, #f56c11);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnorng:hover {
  background: #fc893c;
  background-image: -webkit-linear-gradient(top, #fc893c, #d97634);
  background-image: -moz-linear-gradient(top, #fc893c, #d97634);
  background-image: -ms-linear-gradient(top, #fc893c, #d97634);
  background-image: -o-linear-gradient(top, #fc893c, #d97634);
  background-image: linear-gradient(to bottom, #fc893c, #d97634);
  text-decoration: none;
}