/* @override 
	http://localhost:8000/site_media/css/base.css
	http://localhost:8000/site_media/css/base-new.css
	http://192.168.0.42:8000/site_media/css/base-new.css
	http://debug.com/site_media/css/base-new.css
	http://localhost/site_media/css/base-new.css
	http://omniation.com/site_media/css/base.css
	http://localhost/site_media/css/base.css
*/

/* @group CSS Reset */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family:sans-serif;
}
body {
    line-height: 1;
    word-wrap:break-word;
    -webkit-nbsp-mode:space;
    -webkit-line-break:after-white-space;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p a {
	font-weight:bold;
}


/* @end */

/* @group Main Styles */

@font-face {
    font-family: 'VegurExtraLight';
    src: url('/site_media/fonts/Vegur-EL_0500.eot'); /* IE */
    src: local('Vegur ExtraLight'), local('Vegur-ExtraLight'), url('/site_media/fonts/Vegur-EL_0500.ttf') format('truetype');
}

@font-face {
    font-family: 'VegurRegular';
    src: url('/site_media/fonts/Vegur-R_0500.eot'); /* IE */
    src: local('Vegur Regular'), local('Vegur-Regular'), url('/site_media/fonts/Vegur-R_0500.ttf') format('truetype');
}

@font-face {
    font-family: 'VegurBold';
    src: url('/site_media/fonts/Vegur-B_0500.eot'); /* IE */
    src: local('Vegur Bold'), local('Vegur-Bold'), url('/site_media/fonts/Vegur-B_0500.ttf') format('truetype');
}

hr {
    border:0px;
    height:1px;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    zoom:1;
    margin-bottom:15px;
    background-color:#6e6e6e;
}

a:link, a:visited {
    font-family:inherit;
    color:inherit;
    text-decoration:inherit;
}

p {
    margin-bottom:10px;
}

html, body, #container {

    background-color:#fff;
    color:black;
    opacity:0.99;
    height:100%;
    font-family: 'VegurExtraLight', "Helvetica Neue", Arial, sans-serif;
    font-size: 12pt;
    /* Webkit text on dark background hack */
    /* http://bit.ly/4TgHio */
    -webkit-text-stroke:1px transparent;
}

@media only screen and (max-device-width:480px) {
    body{
        -webkit-text-stroke:0 black;
    }
}

body > #container {
   min-height:100%;
   height: auto;
}

#main {
    margin-right:auto;
    margin-left:auto;
    width:740px;
    font-family: 'VegurRegular', "Helvetica Neue", Arial, sans-serif;
    font-size:11pt;
    line-height:20px;
    background: #fffadf url(/site_media/images/gradient.png) repeat-x;
    padding:30px;
    border:1px solid #6e6e6e;
    -webkit-border-radius:5px;
	-mozilla-border-radius:5px;
	border-radius:5px;
    
}



/* @end */

/* @group Feedback */

#feedback {
    position:absolute;
    top:194px;
    left:0px;
    width:30px;
    height:120px;
    border:0px solid #000;
    border-left:0px;
}

#thankyou {
    width:200px;
    height:100px;
    line-height:100px;
    margin:auto;
    font-size:30pt;
}
#id_title {
    width:100%;
}

#id_feedback_email {
    width:100%;
}

#id_type {
    width:100%;
}

#id_detail {
    width:100%;
}

#main_feedback {
    font-family:'Lucida Grande', Verdana, sans-serif;
}

#feedback_form {
    margin:10px;
}

.input {
    width:88%;
}

.label {
    width:12%;
}

#thanks {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
                 "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-size:28pt;
    margin-right:auto;
    margin-left:auto;
    width:250px;
    margin-top:30px;
    text-align:center;
}



/* @end */

/* @group Navigation and Header */

#navigation {
    width:802px;
    margin-right:auto;
    margin-left:auto;
    position:static;
    height:50px;
    background-color:#fff;
}

.navigation_item {
    width:auto;
    height:50px;
	padding-right:15px;
	padding-left:15px;
    background-color:white;
    text-align:center;
    float:right;
    font-size:12pt;
    line-height:50px;
    font-family: 'VegurRegular', "Helvetica Neue", Arial, sans-serif;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.navigation_item:hover {

    background-color: #e20000;
    color:white;
    background-image: url("/site_media/images/nav-hover-e20000.png");
    /*-webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -mozilla-border-radius-bottomleft: 5px;
        -mozilla-border-radius-bottomright: 5px;*/
	border: 0px solid #7e1717;
	border-bottom-width:1px;
}

#colour_bar {
    display: block;
    background-color: #e20000;
    height: 4px;
	z-index: 100;
	position:relative;
}

.logo_nav_bar {
    height:50px;
    width:200px;
	border: 0px solid #7e1717;
	border-bottom-width:1px;
    float:left;
    display:block;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-image: url("/site_media/images/logo-e20000.png");
}

.logo_nav_bar:hover {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}



/* @end */

/* @group Input Forms and Tables */

.input_form {
    margin-left:50px;
}

.input_form td {
    width:150px;
}

th {
    text-align:left;
    border:5px solid transparent;
}

td {
    border:3px solid transparent;
}

#login_form {
    margin: 0 auto;
    width: 300px;
}

#register_form {
    margin-top: 0;
}

.register_table_1 {
    width: 130px;
    padding: 0px;
    line-height: 50px;
}

.register_table_2 {
    width: 320px;
    text-align: right;
}

.register_table_3 {
    padding: 0px;
}

#id_username, #id_password,
#id_password1, #id_password2,
#id_email, #id_first_name,
#id_last_name, #id_current_password,
#id_new_password1, #id_new_password2 {
    width: 295px;
    height: 30px;
    margin-top: 6px;
    border: 1px solid #6e6e6e;
    border-bottom:  3px solid #6e6e6e;
    line-height: 30px;
    font-size: 20px;
    padding-bottom:3px;
}

#id_username:focus, #id_password:focus,
#id_password1:focus, #id_password2:focus,
#id_email:focus, #id_first_name:focus,
#id_last_name:focus, #id_current_password:focus,
#id_new_password1:focus, #id_new_password2:focus {
    border-bottom:  3px solid #e90000;
    margin-bottom:0px;
}

#login_submit, #register_submit, #account_submit, #cancel_edit {
    opacity: 0.7;
    filter: alpha(opacity = 70);
    zoom:1;
}

#login_submit:hover, #register_submit:hover,
#account_submit:hover, #cancel_edit:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
    zoom:1;
}

#new_dataset_image, #new_prediction_image {
    width: 32px;
    height: 32px;
    background-image: url("/site_media/images/icons/add.png");
    float: right;
}

#new_dataset_image:hover, #new_prediction_image:hover {
    background-image: url("/site_media/images/icons/add%20alt.png");
}

/* @group Predictions */

#predictions {
    width:100%;
    margin-top:15px;
    border-left: 1px solid #6e6e6e;
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #6e6e6e;
    border-collapse: separate;
}

.predictions_row_item, .prediction_edit, .prediction_delete,
.predictions_row_item_cost, .predictions_row_item_time {
    border-right: 1px solid #6e6e6e;
    line-height: 32px;
    padding: 0px;
    padding-left:3px;
}

.predictions_row_title {
    border-bottom: 1px solid #6e6e6e;
    border-right: 1px solid #6e6e6e;
    padding-bottom: 4px;
}

td.prediction_edit {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/edit.png') no-repeat;
}

td.prediction_delete {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/delete_alt.png') no-repeat;
}

td.prediction_delete:hover {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/delete.png') no-repeat;
}

.prediction_info_window {
    padding:10px;
}

/* @end */

/* @group Datasets */

#datasets {
    width:100%;
    margin-top:15px;
    border-left: 1px solid #6e6e6e;
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #6e6e6e;
    border-collapse: separate;
}

.datasets_row_item, .dataset_edit, .dataset_delete{
    border-right: 1px solid #6e6e6e;
    line-height: 32px;
    padding: 0px;
    padding-left:3px;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dce0e1), to(#BCC0C3));
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #8c8f91;*/
}

.datasets_row_title {
    border-bottom: 1px solid #6e6e6e;
    border-right: 1px solid #6e6e6e;
    padding-bottom: 4px;
}

td.dataset_edit {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/edit.png') no-repeat;
}

td.dataset_delete {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/delete_alt.png') no-repeat;
}

td.dataset_delete:hover {
    width: 35px;
    height: 35px;
    background: url('/site_media/images/icons/delete.png') no-repeat;
}

.dataset_info_window {
    padding:10px;
}

#status {
	float: right;
	margin-top:-31px;
	margin-bottom:20px;
}

#algorithm_stats {
	width:740px;
	margin-top:25px;
	height: 32px;
	line-height: 32px;
	background-color: #f4f4f4;
	font-weight: bold;
	border:1px solid #6e6e6e;
}
#alg_left {
	text-align:left;
	width:auto;
	float:left;
	padding-right:10px;
	border-right:0px;
	padding-left:10px;
}
#alg_right {
	text-align:right;
	width:auto;
	float:right;
	padding-right:10px;
	padding-left:10px;
	border-width:1px;
	border-style:solid;
	margin-top:-1px;
	margin-right:-1px;
}
.alg_status_1{
	border-color:#970600;
	background-color:#e6453e;
	color:white;
}
.alg_status_2{
	border-color:#970600;
	background-color:#e6453e;
	color:white;
}
.alg_status_3{
	border-color:#6e6e6e;
	background: #f7f7f7 url(/site_media/images/loading.gif) no-repeat 15px center;
	padding-left:100px;
}
.alg_status_4{
	border-color:#67d13b;
	background-color:#98dd8c;
}
.alg_status_5{
	border-color:#970600;
	background-color:#e6453e;
	color:white;
}
.alg_status_6{
	border-color:#970600;
	background-color:#e6453e;
	color:white;
}
/* @end */

/* @end */

/* @group Titles */

.title {
    width:800px;
    margin-right:auto;
    margin-left:auto;
    top:50px;
    font-family: 'VegurExtraLight', "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-size:60pt;
    text-align:center;
    height:110px;
    padding-top:20px;
    padding-bottom:10px;
    color:#000000;
    text-shadow: 0px 0px 50px #fff;
}

.small_title {
    width:760px;
    margin-right:auto;
    margin-left:auto;
    font-family: 'VegurExtraLight', "Helvetica Neue", Arial, sans-serif;
    font-size:30pt;
    text-align:left;
    height:50px;
    padding-top: 10px;
    margin-bottom: -20px;
    /*padding-top:20px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:20px;*/
    color:#000000;
}

.separator {
    height:30px;
}

.large_body_title {
    font: 35px 'VegurExtraLight', Arial, sans-serif;
    color:inherit;
    line-height: 30px;
}



/* @end */

/* @group Table and Form Errors/Success */

.error_row {
    background-color:#d10000;
    color:white;
    padding:5px;
}

.success_row {
    background-color:#12bf2f;
    color:white;
    padding:5px;
}

ul.errorlist {
    margin:0;
    padding:0;
}

.errorlist li {
    background-color: #e20000;
    color: white;
    display: block;
    font-size: 10px;
    padding: 4px 5px;
    /* To make the text stand out a bit more */
    font-weight:bold;
    width: 100%;
}

.login_error {
    height:40px;
    color:#e20000;
    border: 2px solid #e20000;
    line-height: 40px;
    text-align: center;
    background-color:#fff;
    padding:5px;
    width:290px;
    margin: 5px auto 20px auto;
}



/* @end */

/* @group Footer */

#footer_spacer {
    padding-bottom:150px;
}

#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height:100px;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -101px;
    background: #fffadf url("/site_media/images/gradient.png") repeat-x;
    border: 1px solid #6e6e6e;
    border-bottom: 0px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#footer_content {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

#footer_copyright {
    color: #4d4d4d;
    font:11pt 'VegurRegular', "Helvetica Neue", Arial, sans-serif;
    text-align: left;
    padding-top: 20px;
    width: 400px;
    float: left;
}

#footer_links {
    color: #4d4d4d;
    font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: right;
    padding-top: 35px;
    float: right;
}

.social_icon {
	margin-left:10px;
}

.footer_link {
	padding:3px 15px 3px 0px;
	float:left;
}

.footer_link:hover {
	color:black;
}



/* @end */

/* @group Services Styles */

#services_menu {
    width: 200px;
    float: left;
}

#services_content {
    width: 585px;
    float: right;
    padding: 1em 5px 20px 10px;
}

.services_li {
    border-bottom: 1px solid #6e6e6e;
    border-right: 1px solid #6e6e6e;
    height: auto;
    line-height: 30px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 45px;
    background: rgba(227,9,9,0.2) url('/site_media/images/icons/arrow%20right.png') no-repeat 160px 50%;

}

.services_li:hover {
	background: rgba(227,9,9,0.4) url('/site_media/images/icons/arrow%20right.png') no-repeat 160px 50%;
}

.services_li_highlight {
	background: rgba(227,9,9,0.6) url('/site_media/images/icons/arrow%20right.png') no-repeat 160px 50%;
}

.list_item {
    list-style-image: url(../images/bullet.png);
    text-indent: 15px;
    list-style-position: inside;
}
/* @end */


/* @group User Home */

#tutorial {
	width: 802px;
	margin-left: -31px;
	height: auto;
	border: 1px solid #747474;
	border-collapse: separate;
}

#home_ds_num {
	background-color: #d30909;
	background: -webkit-gradient(linear, left top, left bottom, from(#e50909), to(#b00909));;
	width: 69px;
	height: 65px;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	-webkit-border-radius:5px;
	-mozilla-border-radius:5px;
	border-radius:5px;
	font-size: 50px;
	border: 1px solid #000;
	float: right;
	position: relative;
	top: -50px;
	margin-right: 4px;
}

#home_pd_num {
	background-color: #d30909;
	background: -webkit-gradient(linear, left top, left bottom, from(#e50909), to(#b00909));;
	width: 69px;
	height: 65px;
	color: white;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	border: 1px solid #000;
	-webkit-border-radius:5px;
	-mozilla-border-radius:5px;
	border-radius:5px;
	float: right;
	position: relative;
	top: -50px;
	margin-left: 5px;
	margin-right: -21px;
}

#home_pd_num:hover, #home_ds_num:hover {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0px 0px 0px #ff7800;
	}
	50% {
		-webkit-box-shadow: 0px 0px 30px #ff7800;
	}
	100% {
		-webkit-box-shadow: 0px 0px 0px #ff7800;
	}
}


#home_ds_num:hover, #home_pd_num:hover {
	background-color: #ff171b;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff171b), to(#b00909));;
}

#home_ds_num:active, #home_pd_num:active {
	background-color: #ff171b;
	background: -webkit-gradient(linear, left top, left bottom, from(#b00909), to(#e50909));;
}

.tut_td {
	width: 245px;
	padding: 10px;
	vertical-align: middle;	
}



/* @end */

/* @group Button Styles */

#accept_button, #cancel_button {
	margin-top:20px;
	height: 32px;
	background-color: white;
	border: 1px solid gray;
	color: black;
	font: bold 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 0px;
	padding: 6px;
}

#accept_button:hover {
	background-color: #9ee092;
	border-color: #6dd444;
}

#accept_button:active {
	background-color: #6dd444;
	border-color: gray;
}

#cancel_button:hover {
	background-color: #ff0112;
	color: whitesmoke;
	border-color: #b00909;
}

#cancel_button:active {
	background-color: #ff0112;
	color: whitesmoke;
	border-color: #b00909;
}

.button_table_cell, .delete {
	display:block;
	width:32px;
	height:30px;
	margin-bottom:-5px;
}

#inset_nav_menu {
	width:800px;
	height:30px;
	background-color:#f4f4f4;
	border-bottom:1px solid #7a7a7a;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-top:-30px;
	margin-left:-30px;
	margin-bottom:30px;
	
	display:none;
}

.blog_post_item {
	margin-right:auto;
    margin-left:auto;
	margin-bottom:30px;
    width:740px;
    font-family: 'VegurRegular', "Helvetica Neue", Arial, sans-serif;
    font-size:11pt;
    line-height:20px;
    background: #fffadf url(/site_media/images/gradient.png) repeat-x;
    padding:30px;
    border:1px solid #6e6e6e;
    -webkit-border-radius:5px;
	-mozilla-border-radius:5px;
	border-radius:5px;
}

#blog_next_page, #blog_previous_page {
	padding:0px 10px 0px 10px;
	color:#121212;
	font-family: 'VegurRegular', "Helvetica Neue", Arial, sans-serif;
    font-size:12pt;
}

.blog_byline {
	font-size:9pt;
	font-family: 'VegurRegular', "Helvetica Neue", Arial, sans-serif;	
}

#tooltip {
    padding: 5px 10px;
    background: #cad7e0;
    border: 1px solid #b2bdc3;
    opacity: 0.90;
	font-size:10pt;
	z-index:10;
}

/* @end */