/*Generated by Font Squirrel (http://www.fontsquirrel.com) on July 30, 2011 
 http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face {
	font-family: 'DINCondMediumAlternateRegular';
    src: url('../../_fonts/dincond-mediumalternate-webfont.eot');
    src: url('../../_fonts/dincond-mediumalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../_fonts/dincond-mediumalternate-webfont.woff') format('woff'),
         url('../../_fonts/dincond-mediumalternate-webfont.ttf') format('truetype'),
         url('../../_fonts/dincond-mediumalternate-webfont.svg#DINCondMediumAlternateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, h1, h2, h3, h4, h5, p, ul, li, a, form, input, label, textarea, table, td, tr, span, dl, dd {
	margin: 0;
	padding: 0;
}
html{
}
body {
	font-family: arial, tahoma;
	font-size: 14px;
	color: #3D3D3D;
	background: #f0f2f3 url('../images/background.jpg') no-repeat 0px 0px;
	text-align: center;
}
a, img, a img{
	border: none 0;
	text-decoration: none;
}
.left, .right{
	float: left;
	width: 49%;
	margin-right: 1%;	
}
h1, h2, h3, h4, h5{
	font-family: "DINCondMediumAlternateRegular", arial;
	color: #3D3D3D;
	font-weight: 300;
}
div#container {
	width: 900px;
	padding-bottom: 30px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}
div#container-small{
	background: none repeat scroll 0 0 #FFFFFF;
    margin: 100px auto 0;
    overflow: hidden;
    text-align: left;
    width: 355px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 1px 0px #848484;
	-moz-box-shadow: 0px 1px 1px 0px #848484;
	box-shadow: 0px 1px 1px 0px #848484;
}
div#container div#header {
	background: #232323 url('../images/logo.gif') no-repeat 30px 15px;
	height: 100px;
	width: 900px;
	float: left;
	margin-bottom: 6px;
}
div#container-small div#header {
	background: url("../images/logo.gif") no-repeat scroll center center white;
    float: left;
    height: 70px;
    width: 355px;
}
div#container ul#navigation {
	width: 900px;
	margin: 1px 0 0 0;
	float: left;
	height: 33px;
}
div#container ul#navigation li a#active {
	background: #6d6d6d;
}
div#container ul#navigation li a:hover#active {
	background: #787878;
}
div#container ul#navigation li.admin-controls {
	float: right;
	margin: 0;
	margin-left: 1px;
}
div#container ul#navigation li a.admin-controls {
	background: #232323;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 8px;
	color: white;
	text-decoration: none;
}
div#container ul#navigation li a:hover.admin-controls {
	background: #2e2e2e;
}
div#container ul#navigation li {
	margin-right: 1px;
	list-style: none;
	float: left;
	display: block;
}
div#container ul#navigation li a {
	background: #bcbcbc;
	font-size: 12px;
	font-weight: bold;
	padding:  6px 8px;
	color: white;
	text-decoration: none;
}
div#container ul#navigation li a:hover {
	background: #c5c5c5;
}
div#container div#contents {
	padding: 20px 50px;
	float: left;
}
div#container-small div#contents {
	float: left;
    padding: 20px 40px 57px;
	background: url('../images/content-top.png') center top no-repeat;
	width: 276px
}
div#container-small div#contents h1 {
	display: block;
	font-size: 27px;
}
div#container div#contents ul.big-stat li:first-child {
	border: 1px solid #bcbcbc;
}
div#container div#contents ul.big-stat li {
	background: #f4f4f4;
	border: 1px solid #bcbcbc;
	font-size: 13px;
	list-style: none;
	padding: 10px 20px;
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	text-align: left;
}
div#container div#contents ul.big-stat li strong {
	display: block;
	text-align: center;
	font-size: 22px;
	margin-top: 5px;
}
div#container div#contents ul.big-stat li a {
	color: #333;
	display: block;
}
div#container div#contents ul.big-stat li a:hover {
	text-decoration: none;
}
div#container div#contents a.record-bar, div#container div#contents form.record-bar{
	width: 780px;
	background: #6d6d6d;
	height: 18px;
	font-size: 14px;
	padding: 5px 10px;
	float: left;
	color: white;
}
div#container div#contents h1{
	width: 780px;
	background: #bcbcbc;
	height: 18px;
	font-size: 14px;
	padding: 5px 10px 2px 10px;
	float: left;
	color: white;
	margin-top: 10px;
}
div#container div#contents h1.warning{
	background: red;
}
div#container div#contents a:hover#record-bar{
	background: #7b7b7b;
	text-decoration: none;
}
div#container div#contents form.add-data {
	width: 798px;
	float: left;
	background: #f4f4f4;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	padding: 10px 0;
}
div#container div#contents form.add-data div#left, div#container div#contents form.add-data div#right {
	width: 399px;
	float: left;
}
div#container div#contents form.add-data input, div#container div#contents form.add-data select, div#container div#contents form.add-data textarea, div#container div#contents form.add-data select.dropdown {
	background: white;
	border: 1px solid #bcbcbc;
	font-family: Arial, tahoma;
	font-size: 12px;
	color: #3D3D3D;
	padding: 2px;
	margin: 2px 10px;
	width: 55%;
	float: right;
	clear: right;
}
div#container-small form {
	width: 100%;
	float: left;
	margin-top: 6px;
}
div#container-small p {
	font-size: 14px;
	margin-top: 4px;
	line-height: 20px;
}
div#container-small a {
	margin: 4px 0 3px 0;
	font-size: 14px;
	display: block;
	color: black;
	text-align: left;
}
div#container-small p a {
	display: inline;
}
div#container-small a:hover {
	text-decoration: none;
}
input.input, textarea.input, div#container-small input, div#container-small textarea {
    width: 246px;
	background: white;
    border: 1px solid #C6C6C5;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 0 #848484;
	-moz-box-shadow: 0 1px 0 0 #848484;
	box-shadow: 0 1px 0 0 #848484;
    color: #231F20;
    font-size: 16px;
    font-weight: 300;
    height: 38px;
    line-height: 24px;
    padding: 0 8px 2px;
    text-align: left;
	font-family: Arial, tahoma;
	width: 55%;
	float: right;
	clear: right;
	margin-bottom: 5px;
}
div#container-small input, div#container-small textarea {
	width: 255px;
}
input.file {
    clear: right;
    color: #231F20;
    float: right;
    font-family: Arial,tahoma;
    font-size: 16px;
    font-weight: 300;
    height: 38px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0 8px 2px;
    text-align: left;
    width: 230px;
}
select{
    margin-bottom: 10px;
    padding: 3px;
    width: 59%;
}
textarea.input{
	height: 100px !important;
	line-height: 30px;
}
div#container-small input {
    margin: 10px 1% 0 0;
}
input.submit, div#container-small input.submit {
	color: #fff;
	background: #e44f3a url('../images/footer-button.png');
	line-height: 38px;
	border: 2px solid #e44f3a;
	padding: 0 12px;
	font-size: 22px;
	height: 42px;
	display: block;	
	text-decoration: none;
	font-family: "DINCondMediumAlternateRegular", arial;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	font-weight: 300;
	text-align: center;
	width: auto;
	position: absolute;
	right: 2px;
	cursor: pointer;
	bottom: 3px;
}
input.submit:hover {
	background-color: #F45140;
}
div#container div#contents form.add-data select.dropdown{
	width: 226px;
}
label{
	padding: 2px;
	font-size: 12px;
	text-align: left;
	float: left;
	height: 38px;
    line-height: 37px;
	width: 164px;
	margin-bottom: 5px;
}
.left p, .right p{
	margin-bottom: 10px;
}
div#container div#contents form.add-data input.submit {
	float: right;
	width: 100px;
	background: #ffd400;
	border: 0;
	color: #3D3D3D;
	font-weight: bold;
	padding: 7px 0;
	margin-top: 10px;
}
div#container div#contents div.data-row {
	width: 799px;
	float: left;
	border-left: 1px solid #bcbcbc;
}
div#container div#contents div.data-row div {
	float: left;
	background: #f4f4f4;
	padding: 5px;
	width: 388px;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
}
div#container div#contents div.data-row div img {
	float: left;
	margin-right: 10px;
}
div#container div#contents div.data-row div strong {
	font-size: 16px;
}
div#container div#contents div.data-row div a {
	color: grey;
}
div.row-dispatched{
	width: 792px;
	float: left;
	font-size: 14px;
	padding: 3px;
	background: #F4F4F4;
	border-bottom: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
}
div.row-small-stats{
	width: 390px;
	float: left;
	font-size: 14px;
	padding: 3px;
	background: #F4F4F4;
	border-bottom: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	border-right: 1px solid #BCBCBC;
	margin: 0 1px;
}
div.row-small-stats p, div.row-small-stats form, div.row-dispatched p, div.row-dispatched form{
	display: block;
}
div.row-small-stats form, div.row-dispatched form{
	float: right;
}
div.row-small-stats input.submit, div.row-dispatched form input.submit{
	background: red;
	padding: 0px;
	border: 0;
	color: white;
	font-size: 12px;
	padding: 0 3px;
}
div.row-small-stats span, div.row-dispatched span{
	font-weight: normal;
	display: block;
	width: 70%;
	float: left;
}
div.row-small-stats span.right, div.row-dispatched span.right{
	text-align: right;
	font-weight: bold;
	width: 30%;
}
div.row-small-stats a, div.row-dispatched a{
	color: black;
	text-decoration: none;
}
div.row-small-stats a:hover, div.row-dispatched a:hover{
	text-decoration: underline;
}
div#container div#contents div.view-order-bar{
	width: 780px;
	background: #bcbcbc;
	height: 18px;
	font-size: 14px;
	padding: 5px 10px 2px 10px;
	float: left;
	color: white;
	margin-top: 10px;
	font-weight: bold;
}
div#container div#contents div.view-order-bar form{
	float: right;
	position: relative;
	top: -3px;
	left: 7px;
}
div#container div#contents div.view-order-bar form input{
	background: white;
	border: 1px solid ;
	color: red;
	font-size: 12px;
	padding: 0 1px 2px 1px;
	font-weight: bold;
}
div#container ul#view-order-summary{
	float: left;
	width: 800px;
	margin-bottom: 4px;
}
div#container ul#view-order-summary li {
	background: #f4f4f4;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 18px;
	color: grey;
	text-decoration: none;
	margin-right: 3px;
	list-style: none;
	float: left;
	display: block;
}
div#container div#contents div#customer-details{
	width: 250px;
	background: #f4f4f4;
	float: left;
	padding: 5px;
	font-size: 14px;
	margin-right: 5px;
}
div#container div#contents div#customer-details a{
	color: red;
	text-align: center;
	display: block;
	padding: 10px 0;
	background: white;
	margin-top: 10px;
}
div#container div#contents div#customer-details strong{
	font-size: 12px;
	margin-bottom: 5px;
	display: block;
}
div#container div#contents div#view-order-summary{
	width: 780px;
	background: #bcbcbc;
	font-size: 22px;
	padding: 5px 10px 5px 10px;
	float: left;
	color: white;
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
}
div#container div#contents div#view-order-summary strong{
	font-size: 12px;
}
div#container div#contents div.single-item{
	background: #f4f4f4;
	width: 499px;
	float: left;
	padding: 10px 18px;
	margin-bottom: 5px;
}
div#container div#contents div.single-item span{
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: grey;
	text-align: right;
	display: block;
}
div#container div#contents div.single-item strong{
	float: left;
	font-size: 17px;
	font-weight: bold;
	color: grey;
	text-align: right;
}
div#container div.pagation{
	height: 20px;
	width: 800px;
	display: block;
	float: left;
}
div#container div.pagation a{
	padding: 4px;
	float: left;
	background: #bcbcbc;
	margin: 1px 3px 0 0;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
div#container div.pagation a:hover{
	background: #e7e7e7;
	color: black;
}

/* projects */
h2#project-title{
	font-size: 18px;
	color: black;
}
div#container div#contents form.my-tasks {
	width: 798px;
	float: left;
	background: #f4f4f4;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}
div#container div#contents form.my-tasks a {
	margin: 10px 5px;
	color: black;
	font-size: 12px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
div#container div#contents form.my-tasks a:hover {
	text-decoration: underline;
}
div#container div#contents form.my-tasks input {
	float: left;
	margin: 10px;
	padding: 0;
}
div#container div#contents form.my-completed-tasks input, div#container div#contents form.others-tasks input {
	float: left;
	margin: 5px;
	padding: 0;
}
div#container div#contents div.more{
	display: none;
	background: #E5E5E5;
	padding: 10px;
	float: left;
	width: 778px;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}
div#container div#contents div.more span{
	float: right; 
	display: block;
}
div#container div#contents div.more span a{
	color: black;
}
div#container div#contents form.my-completed-tasks {
	width: 798px;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	float: left;
	background: #f4f4f4;
}
div#container div#contents form.others-tasks {
	width: 798px;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	float: left;
	background: white;
}
div#container div#contents form.my-completed-tasks a, div#container div#contents form.others-tasks a {
	margin: 5px 0;
	color: black;
	font-size: 10px;
	display: block;
	width: 100%;
	text-decoration: none;
}
div#container div#contents form.my-completed-tasks a {
	margin: 5px;
}
div#toggle_form{
	float: left;
	width: 100%;
}
a.toggle_form{
	position: absolute;
	top: 20px;
	right: 22px;
}
div#login-container{
    position: relative;
    width: 1200px;
	overflow: hidden;
	min-height: 800px;
}
div#login-container #logo{
	margin: 20px auto;
	position: relative;
	left: -3%;
}
div#login-container #remaining{
	background: none repeat scroll 0 0 #F05444;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: default;
    font-family: "DINCondMediumAlternateRegular",arial;
    font-size: 23px;
    left: -10px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 224px;
	-webkit-box-shadow: 0px 2px 2px 0px #848484;
	-moz-box-shadow: 0px 2px 2px 0px #848484;
	box-shadow: 0px 2px 2px 0px #848484;
}
div#login-container div#left{
	background: url("../images/side-column.png") repeat scroll right top transparent;
    bottom: 0;
    float: left;
    height: 100%;
    left: 0;
    margin-right: 20px;
    position: absolute;
    top: 0;
    width: 284px;
}
div#login-container div#left ul#navigation{
	position: relative;
}
div#login-container div#left ul#navigation li {
    float: left;
    font-family: "DINCondMediumAlternateRegular",arial;
    font-size: 25px;
    list-style: none outside none;
    margin-top: 4px;
    text-align: left;
    width: 264px;
}
div#login-container div#left ul#navigation li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #3D3D3D;
    display: block;
    margin: 0 auto;
    padding: 20px 5%;
    text-decoration: none;
    width: 82%;
}
div#login-container div#left ul#navigation span{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #3D3D3D;
    display: block;
    margin: 0 auto;
    padding: 20px 5%;
    text-decoration: none;
    width: 82%;
	cursor: pointer;
}
div#login-container div#left ul#navigation span ul{
	display: none;
	left: 245px;
	position: absolute;
	top: 0;
	z-index: 999;
}
div#login-container div#left ul#navigation span ul li a{
	background: white;
	-webkit-box-shadow: 0px 2px 2px 0px #848484;
	-moz-box-shadow: 0px 2px 2px 0px #848484;
	box-shadow: 0px 2px 2px 0px #848484;
}
div#login-container div#left ul#navigation span:hover ul{
	display: block;
}
div#login-container div#left ul#navigation li a:hover, div#login-container div#left ul#navigation li a#current, div#login-container div#right a.product:hover, div#login-container div#left ul#navigation li span:hover{
	background: #F2F2F2;
	-webkit-box-shadow: 0px 2px 2px 0px #848484;
	-moz-box-shadow: 0px 2px 2px 0px #848484;
	box-shadow: 0px 2px 2px 0px #848484;
}
div#login-container div#right {
    float: left;
    margin-left: 300px;
    padding: 20px 0;
    width: 896px;
}
div#login-container div#right div.text{
	background: white;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 0px #848484;
	-moz-box-shadow: 0px 2px 2px 0px #848484;
	box-shadow: 0px 2px 2px 0px #848484;
	text-align: left;
	padding: 11px 20px 66px 20px;
	width: 845px;
	float: left;
	position: relative;
}
div#login-container div#right div.text h1{
	font-size: 36px;
	margin-bottom: 5px;
}
div#login-container div#right div.text p{
	font-size: 14px;
	line-height: 20px;	
}
div#login-container div#right a.product, div#login-container div#right div.product{
	background: none repeat scroll 0 0 white;
    float: left;
    margin: 0 10px 10px 0;
    width: 194px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 0px #848484;
	-moz-box-shadow: 0px 2px 2px 0px #848484;
	box-shadow: 0px 2px 2px 0px #848484;
	display: block;
	cursor: pointer;
	padding: 10px;
}
div#login-container div#right div.product{
	cursor: default;
}
textarea#home_textarea{
	border: 0;
	background: transparent;
	width: 100%;
	color: #3D3D3D;
    font-family: arial,tahoma;
	font-size: 14px;
    line-height: 20px;
}