/* @override 
	http://localhost/~hb/media/styles/optimyser.css
	http://localhost/~hb/optimyser/media/styles/optimyser.css
	http://88.244.60.145/~hb/optimyser/media/styles/optimyser.css
	http://192.168.2.99/~hb/optimyser/media/styles/optimyser.css
*/

html {
	
}

html, body {
  height: 100%;
}

body {
	font-family: "Lucida Grande","Segoe UI","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin:  0;
	font-size: 12px;
}

.experiment-controls a {
	background-repeat: no-repeat;
	float: left;
	width: 18px;
	height: 18px;
}

.experiment-controls {
	margin-bottom: 10px;
	margin-left: 10px;
}

.experiment-controls a.start {
	background-image: url(../images/control_play.png);	
}

.experiment-controls a.start.enabled {
	background-image: url(../images/control_play_blue.png);	
}

.experiment-controls a.stop {
	background-image: url(../images/control_stop.png);
}

.experiment-controls a.stop.enabled {
	background-image: url(../images/control_stop_blue.png);
}

.experiment-controls a.pause {
	background-image: url(../images/control_pause.png);
}

.experiment-controls a.pause.enabled {
	background-image: url(../images/control_pause_blue.png);
}

.tcenter {
    text-align: center;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

.clear {
	clear: both;
}

.inline {
    display: inline;
}

.tright {
    text-align: right;
}

#pane-navigation {
    font-family: "Myriad Web", "Myriad Web Pro", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Tahoma",Arial, Helvetica, Geneva, sans-serif;;
	margin-bottom: 14px;
	background-image: url(../images/navbg.png);
	border-bottom: 1px solid #666;
	height: 26px;
}

#pane-header h1 {
	color: #007eff;
	font-weight: bold;
}

#pane-navigation a.right {
	float: right;
}

#pane-navigation a {
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #232323;
	font-size: 12px;
	padding-right: 7px;
	padding-left: 7px;
	line-height: 26px;
	text-shadow: #999 1px 1px 1px;
}

#pane-navigation a.selected {
	color: #fff;
	background-image: url(../images/navbgs.png);
	text-shadow: #333 2px 2px 2px;
}

#pane-header {
	background: url(../images/logob.png) no-repeat left center;
	height: 60px;
	background-color: #fff;
	margin-top: 10px;
}

div#minilogo {
	width: 85px;
	background: url(../images/logomtrans.png) no-repeat 5px 6px;
	line-height: 1px;
	float: left;
	height: 26px;
}

div#wrapper {
	background-color: #fff;
}

#pane-right strong {
}

#pane-footer {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #a0a0a0;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

ul.right_menu_list {
	list-style-type: none;
	margin: 0 0 20px;
}

ul.right_menu_list li {
/*  text-transform: uppercase;*/
	line-height: 2em;
}

#step_list li {
	padding-left: 20px;
	line-height: 2em;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#step_list li.complete {
	background-image: url(../images/accept.png);
}

#step_list li.incomplete {
	background-image: url(../images/cross.png);
}

#step_list li.current {
	background-image: url(../images/bullet_go.png);
}

div.header-right-pane {
	text-align: right;
}

textarea.oneliner {
	height: 14px;
/*  width: 90%;*/
}

div#profbg {
	background: url(../images/prof1.jpg) no-repeat right bottom;
	height: 400px;
}

div.prof {
	background: url(../images/prof1.jpg) no-repeat right bottom;
}

form label {
    display: block;
}

form ul.errorlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

form ul.errorlist li {
	color: #f00;
	background-color: #fcefa0;
	padding: 4px;
	width: 90%;
}

textarea#id_test_page_code, textarea#id_goal_page_code {
    width: 95%;
    height: 80px;
    font-family: consolas, monaco, monospace;
    color: #666;
    background-color: #f0f0f0;
    font-size: 11px;
}

div.editor div.span-4 {
	margin: 0;
}

div.editor ul {
	list-style-type: none;
	border-width: 1px;
	margin: 5px;
}

a#add_variation_button {
	background: url(../images/add.png) no-repeat 0 center;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	margin-right: -5px;
}

th {
  background: url(../images/theadbg.png);
  color: #fff;
	text-shadow: #333 1px 1px 2px;
	border-bottom: 1px solid #7f7f7f;
	border-right: 1px solid #7b7b7b;
}

th span {
    padding-right: 14px;
}

th.sorted {
    background: url(../images/theadbg-sorted.png);
}

th.last, td.last {
	border-right: none;	
}

th span.up {
    background: url(../images/up.png);
    background-repeat: no-repeat;
    background-position: right center;
}

th span.down {
    background: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: right center;
}

tfoot td {
	background: #e6e6e6 url(../images/tfootbg.png) repeat-x;
	font-weight: normal;
	font-style: normal;
/*  color: #ccc;*/
	text-align: right;
}

.pagination a, .pagination div {
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
}

.pagination {
    line-height: 22px;
}

td {
	line-height: 1.9em;
	border-right: 1px solid #e6e6e6;
	padding-right: 10px;
}

td.last {
    padding-right: 10px;
}

.pagination a.current, .pagination div.current {
    color: #444444;
    font-weight: bold;
}

a#remove_variation_button {
	background: url(../images/delete.png) no-repeat 0 center;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
}

a.remove_variation_button {
	background: url(../images/delete.png) no-repeat 0 center;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
}

input.url-ok {
    background: url(../images/accept.png) no-repeat right center;
}

input.url-nok {
    background: url(../images/error.png) no-repeat right center;
}

div.editor textarea {
	width: 95%;
}

ul {
    list-style: none;
}

#dialog {
	width: 422px;
}

input, textarea, select {
    margin-top: 5px;
    margin-bottom: 5px;
}

.help_text {
    display: block;
}

div.editor li {
	cursor: pointer;
	padding: 2px;
}

div.editor h4 {
	background-color: #d7e3f7;
	padding: 4px;
	margin: 0;
}

.variation_list {
    height: 260px;
    overflow: auto;
}

div.editor li.selected {
	color: #e6e6e6;
	background: #666 right center;
}

#pane-main h3 {
	text-shadow: #ccc 2px 2px 2px;
/*  margin: 10px 0px 20px 0px;*/
}

#pane-main img {
	margin: 10px;
}

div.form_row {
	padding-bottom: 15px;
}

div.error {
	background-image: url(../images/error.png);
	background-repeat: no-repeat; 
	background-position: 3px center;
	padding-left: 23px;
}

div.warning {
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat; 
	background-position: 3px center;
	padding-left: 23px;
}

td.mv {
    background-image: url(../images/mv.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 20px;
}

td.ab {
    background-image: url(../images/ab.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left: 20px;
}

a.external {
	background: url(../images/external_link.gif) no-repeat right center;
	padding-right: 14px;
}

tr.preferred td {
    background-color: #CCC;
}
tr.preferred * {
}

input.next {
    background: url(../images/next.png) no-repeat right center;
    cursor: pointer;
    width: 130px;
    height: 65px;
    border: none;
}

input.back {
    background: url(../images/back.png) no-repeat right center;
    cursor: pointer;
    width: 130px;
    height: 65px;
    border: none;
}

#report_select span {
	padding: 5px;
	background-color: #e6e6e6;
	color: #999;
	cursor: pointer;
	margin-right: 4px;
	font-size: 1.1em;
	font-weight: bold;
}

#report_select span.active {
	background-color: #585f67;
	color: #fff;
	/*
	text-shadow: #000 2px 2px 2px;
	*/
}

#report_select {
	margin-bottom: 4px;
}


h4 {
/*    font-family: "/*Helvetica*/ Neue", Arial, Helvetica, Geneva, sans-serif;*/
	text-transform: capitalize;
}

select {
    margin: 0;
}

.template_box h5 {
    cursor: pointer;
    margin: 0;
    color: #333;
    font-size: 1.6em;
}

.template_box.selected {
    background-color: #5A5B6D;
}

.template_box.selected h5 {
    color: #ffffff;
}

.template_box label {
    display: inline;
    font-weight: normal;
}

.template_box {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    float: left;
    background-color: #B3B3B3;
    margin: 5px;
/*    padding: 5px;*/
    clear: right;
}

.template_content {
  padding-top: 20px;
}

.template_content label {
  cursor: pointer;
}

select {
  margin: 0;
  padding: 0;
}

div.bar {
  border: 1px solid black;
  border-top: none;
  border-bottom: none;
  height: 12px;
  width: 140px;
  float: right;
  background-image: url('../images/dot.png');
  background-repeat: repeat-x;
  background-position: center center;
  margin: 4px 15px 4px 0px;
  padding: 0px 2px 0px 2px;
}
div.bar div {
  height: 100%;
  margin: 1px 0px 1px 0px;
  float: left;
  font-size: 1px;
  line-height: 1px;
  opacity: 0.7;
}
div.bar div.red {
  background-color: red;
}
div.bar div.gray {
  background-color: gray;
}
div.bar div.green {
  background-color: #80FF00;
}
div.bar div.first {
/*  margin-left: 10px;*/
}

p.last {
  margin-bottom: 0;
}

div.terms div.notice {
}

div.terms h1 {
  font-size: 14pt;
}

div.terms h2 {
  font-size: 12pt;
}

div.terms p, div.terms li {
  font-size: 10pt;
}

div.terms h3 {
  font-size: 11pt;
}

div.terms p {
  margin-left: 12px;
}

div.terms ol {
}

div.terms li {
  margin-left: 20px;
}

a.add_variation_button {
	background: url(../images/add.png) no-repeat 0 center;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	margin-right: -5px;
}