/* fluid grid */
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{display:inline;float:left;margin:0 1%;padding:0}

.g1{width:6.133%}
.g2{width:14.467%}
.g3{width:22.8%}
.g4{width:31.133%}
.g5{width:39.467%}
.g6{width:47.8%}
.g7{width:56.133%}
.g8{width:64.467%}
.g9{width:72.8%}
.g10{width:81.133%}
.g11{width:89.467%}
.g12{width:98.2%}

/* CSS for tablets, mobile phones, small screen hardware */
@media handheld, only screen and (max-width: 767px) {
	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{width:98%}
}

/* NOTIFICATIONS */
#notifications>div{z-index:9999;text-align:left;position:relative;width:270px;border-width:1px;border-style:solid;padding:15px 25px 17px 55px;margin:0 auto 15px;-moz-border-radius:5px;-webkit-border:5px;border-radius:5px;-moz-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;-webkit-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;}
#notifications>div>.title{font-weight:bold}
#notifications>div>div{color:#000;font-size:10px}
#notifications>.success{background:#f1ffbf url('./../img/icons/notifications/success.png') no-repeat 10px 10px;border-color:#a6d50f;}
#notifications>.success>.title{color:#283304}
#notifications>.error{background:#fecdc6 url('./../img/icons/notifications/error.png') no-repeat 10px 10px;border-color:#f45d43;}
#notifications>.error>.title{color:#33130e}
#notifications>.warning{background:#ffecb0 url('./../img/icons/notifications/warning.png') no-repeat 10px 10px;border-color:#ffbc2a;}
#notifications>.warning>.title{color:#332508}
#notifications>.info{background:#d4e7f5 url('./../img/icons/notifications/info.png') no-repeat 10px 10px;border-color:#589ad7;}
#notifications>.info>.title{color:#152433}
#notifications>.tip{background:#ffeccd url('./../img/icons/notifications/tip.png') no-repeat 10px 10px;border-color:#dd9854;}
#notifications>.tip>.title{color:#332313}
#notifications>div>.close{position:absolute;top:5px;right:5px;background:url('./../img/icons/small/close.png') no-repeat scroll 0 0 transparent;cursor:pointer;display:block;float:right;height:16px;margin-top:2px;opacity:0.7;width:16px;}
#notifications>div>.close:hover{opacity:1}

/* widget */
.widget *{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}
.widget{	
	display:block;
    margin-top: 18px;
    margin-bottom: 18px;
    /* margin-left: 18px; */
	padding:0;
	background-color:#F7F7F7;
    border: 1px solid #CDCDCD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 2px -2px #CCCCCC;
}

.widget>.head,
.widget>ul.tabs{
	position:relative;
	display:block;
	height:34px;
	border-bottom: 1px solid #CDCDCD;
    box-shadow: 0 1px 0 #FFFFFF;
    color:#333; 	
    background-color:#F8F8F8;
    background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#F8F8F8));
	background:-webkit-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-moz-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-ms-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-o-linear-gradient(top, #F8F8F8, #E8E8E8);   
}


.widget.draggable>.head{cursor:move}
.widget>.head>h5{float:left;font-weight:bold;font-size:12px;padding:8px 14px 7px 35px}
.widget>.head>ul{list-style:none;margin:4px 0 0;padding:0;float:right}
.widget>.head>ul>li{float:left;margin-right:5px}
.widget>.body{padding:14px 16px}

.widget table.styled{width:100%;border-collapse:collapse}
.widget table.styled>thead th,
.widget table.styled>thead td{background-color:#EEE;color:#909090;padding:3px 5px 2px;text-align:center}
.widget table.styled>tbody tr:nth-child(2n){background-color:#EDEDED}
.widget table.styled>tbody tr:hover{background-color:#D9FFAF}
.widget table.styled>tbody tr,.widget table.styled>tfoot tr{border-top:1px solid #DFDFDF}
.widget table.styled>tbody td,.widget table.styled>tfoot td{padding:7px 11px;vertical-align:middle;word-break:break-all}
.widget table.styled>tbody td:first-child,.widget table.styled>thead td:first-child,.widget table.styled>thead th:first-child,.widget table.styled>tfoot td:first-child{border-left:none}
.widget table.styled>tbody td,.widget table.styled>thead td,.widget table.styled>thead th,.widget table.styled>tfoot td{border-left:1px solid #DFDFDF;box-shadow: 0 1px 0 #FAFAFA inset}

.widget table.styled input[type="text"],.widget>table input[type="password"],.widget table.styled textarea,
.widget table.styled select{-moz-box-sizing:border-box;background:none repeat scroll 0 0 #FDFDFD;border:1px solid #D7D7D7;box-shadow:0 1px 0 #FFFFFF;color:#333;display:inline-block;font-size:11px;height:26px;padding:5px}

.widget table.form{border:none}
.widget table.form td{padding-bottom:7px}

.widget .pagination .pagination-label{float:left}
.widget .pagination ul.pagination{float:left;margin:0 3px}
.widget .pagination ul.pagination a{text-decoration:none;background:-moz-linear-gradient(center top , #F9F9F9 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;border:1px solid #C3C3C3;border-radius:3px 3px 3px 3px;box-shadow:0 1px 0 #FFFFFF inset, 0 1px 0 #DFDFDF;color:#606060;cursor:pointer;font-size:11px;margin:0 1px;padding:4px 7px}
.widget .pagination ul.pagination a:hover{background:-moz-linear-gradient(center top , #F6F6F6 0%, #E8E8E8 100%) repeat scroll 0 0 transparent}
.widget .pagination ul.pagination a.active{background:#6F6F6F;border-color:#646464;box-shadow:0 1px 2px #545454 inset, 0 1px 0 #FFFFFF;color:#FFF;font-weight:bold}
.widget .head .pagination{margin:7px 11px}




/* color styles */
/* black */
.widget.black{border:solid 1px #333}
.widget.black>.head{
	color:#FFF;	
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

/* gray */
.widget.gray{border:solid 1px #555}
.widget.gray>.head {
	color:#FFF;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

/* white */
.widget.white{border:solid 1px #b7b7b7}
.widget.white>.head {
	color:#000;	
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}


/* orange */
.widget.orange{border:solid 1px #da7c0c}
.widget.orange>.head {
	color:#FFF;
	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');
}


/* red */
.widget.red{border:solid 1px #980c10;}
.widget.red>.head {
	color:#FFF;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

/* blue */
.widget.blue{border:solid 1px #0076a3}
.widget.blue>.head {
	color:#FFF;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}


/* rosy */
.widget.rosy{border:solid 1px #b73948}
.widget.rosy>.head {
	color:#FFF;	
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}


/* green */
.widget.green{border:solid 1px #538312}
.widget.green>.head {
	color:#FFF;	
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

/* pink */
.widget.pink{border: solid 1px #d2729e}
.widget.pink>.head {
	color:#FFF;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}

/* buttons */
.button{font-size:11px;line-height:14px;font-weight:bold;text-shadow:0 -1px #6f6f6f;display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-decoration:none}
.button>span{margin-left:10px;text-shadow: 0 1px 0 #6f6f6f}
.button.small{padding:3px 6px}
.button.medium{padding:6px 14px}
.button.large{padding:7px 17px}
/* hover for color buttons */
.button:hover{cursor:pointer;text-decoration:none;opacity:0.95;filter:alpha(opacity=95);-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}

/* button colors */
.button{ border: 1px solid #c3c3c3; box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; color: #686868; text-shadow: none;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}

.button:hover{ -webkit-transition: box-shadow 0.05s ease-in-out; -moz-transition: box-shadow 0.05s ease-in-out; transition: box-shadow 0.05s ease-in-out;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
 }
.button:active{ background: #eee; color: #505050; border-color: #c0c0c0; box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; text-shadow: 0 -1px 1px #f1f1f1; }
.button span { text-shadow: none; }

.button.green {color:#FFF; border: 1px solid #68a341; box-shadow: 0 1px 2px 0 #a4ca6c inset; -webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset; -moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;
background: #96c161;
background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));
background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);
background: linear-gradient(top, #96c161 0%,#609c3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 );
 }
.button.green:active { background: #74aa49; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.red {color:#FFF;  border: 1px solid #a95151; box-shadow: 0 1px 2px 0 #cd8787 inset; -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset; -moz-box-shadow: 0 1px 2px 0 #cd8787 inset;
background: #c57979;
background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));
background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);
background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );
}
.button.red:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.button.red:active { background: #b15e5e; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.blue {color:#FFF;  border: 1px solid #3e76af; box-shadow: 0 1px 2px 0 #66b2d2 inset; -webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset; -moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;
background: #5ba5cb;
background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));
background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );
}
.button.blue:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.button.blue:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.grey {color:#FFF; border: 1px solid #5e6779; box-shadow: 0 1px 2px 0 #9ca6b3 inset; -webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset; -moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;
background: #8c97a6;
background: -moz-linear-gradient(top,  #8c97a6 0%, #596171 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c97a6), color-stop(100%,#596171));
background: -webkit-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: -o-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: -ms-linear-gradient(top,  #8c97a6 0%,#596171 100%);
background: linear-gradient(top,  #8c97a6 0%,#596171 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 ); 
}
.button.grey:active { background: #6d7787; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.black {color:#FFF;  border: 1px solid #4e4e4e; box-shadow: 0 1px 2px 0 #959595 inset; -webkit-box-shadow: 0 1px 2px 0 #959595 inset; -moz-box-shadow: 0 1px 2px 0 #959595 inset;
background: #838383;
background: -moz-linear-gradient(top,  #838383 0%, #444444 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#444444));
background: -webkit-linear-gradient(top,  #838383 0%,#444444 100%);
background: -o-linear-gradient(top,  #838383 0%,#444444 100%);
background: -ms-linear-gradient(top,  #838383 0%,#444444 100%);
background: linear-gradient(top,  #838383 0%,#444444 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#444444',GradientType=0 ); 
}
.button.black:active { background: #5d5d5d; box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; }

.button.lightblue {color:#FFF; border: 1px solid #5897c3; box-shadow: 0 1px 2px 0 #84c4dd inset; -webkit-box-shadow: 0 1px 2px 0 #84c4dd inset; -moz-box-shadow: 0 1px 2px 0 #84c4dd inset;
background: #6db5d5;
background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));
background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );
}
.button.lightblue:active { background: #559cc7; box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; }

.button.gold {color:#FFF; border: 1px solid #c4853e; box-shadow: 0 1px 2px 0 #ddb65b inset; -webkit-box-shadow: 0 1px 2px 0 #ddb65b inset; -moz-box-shadow: 0 1px 2px 0 #ddb65b inset;
background: #d5a44c;
background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));
background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);
background: linear-gradient(top,  #d5a44c 0%,#c07833 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );
}
.button.gold:active { background: #ca8e40; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.sea {color:#FFF;  border: 1px solid #5a837e; box-shadow: 0 1px 2px 0 #95b8b6 inset; -webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset; -moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;
background: #7ca6a3;
background: -moz-linear-gradient(top,  #7ca6a3 0%, #547b76 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca6a3), color-stop(100%,#547b76));
background: -webkit-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: -o-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: -ms-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
background: linear-gradient(top,  #7ca6a3 0%,#547b76 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );
}
.button.sea:active { background: #68918d; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

.button.brown {color:#FFF;  border: 1px solid #9c6b3c; box-shadow: 0 1px 2px 0 #c8a85f inset; -webkit-box-shadow: 0 1px 2px 0 #c8a85f inset; -moz-box-shadow: 0 1px 2px 0 #c8a85f inset;
background: #bb934f;
background: -moz-linear-gradient(top,  #bb934f 0%, #996336 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb934f), color-stop(100%,#996336));
background: -webkit-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: -o-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: -ms-linear-gradient(top,  #bb934f 0%,#996336 100%);
background: linear-gradient(top,  #bb934f 0%,#996336 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );
}
.button.brown:active { background: #ad7f45; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }

/* form styles */
.fwForm{}

/* post processing errors */
.formComponent.PostErrors{background-color:#FFDFE0;border:1px solid #EFC2C4}
.formComponent.PostErrors ul{list-style:default;margin-left:15px}

/* Form Control */
.fwForm .formControl{clear:both;list-style:none;padding:0 0 10px;overflow:hidden}

/* Form Columns */
.fwForm .Column{float:left;margin-left:100px}
.fwForm .Column:first-child{margin-left:0}

.fwForm .Row{clear:both}
.fwForm .Row>*{clear:none;float:left;margin-left:20px}
.fwForm .Row>*:first-child{margin-left:0}


/* Components */
.formComponent{float:left;clear:both;position:relative;padding:5px 10px 10px;margin-bottom:3px;border:1px solid transparent;overflow:hidden;-webkit-border-radius:5px;border-radius:5px}
.formComponent label{display:block}
.formComponent label .req{color:#F00}
.formComponent input[type="text"],
.formComponent input[type="password"],
.formComponent textarea,
.formComponent select{width:200px;height:22px;padding:2px 6px;background:#FDFDFD;border:1px solid #D7D7D7;color:#222;display:inline-block;font-size:11px;box-shadow: 0 1px 0 #FFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

/* highlighted and error status */
.formComponent.highlight{background-color:#DFEFFF;border:1px solid #C2D7EF}
.formComponent.error{background-color:#FFDFE0;border:1px solid #EFC2C4}

/* - Checkbox */
.formComponent.Checkbox{height:42px}
.formComponent.Checkbox input{float:left;margin:3px 5px 0 0}
.formComponent.Checkbox label{float:left}

/* - MultiCheckbox - */
.formComponent.MultiCheckbox{}
.formComponent.MultiCheckbox ul{float:left;list-style:none;margin-right:30px}
.formComponent.MultiCheckbox ul>li{clear:both}
.formComponent.MultiCheckbox ul input,.formComponent.MultiCheckbox ul label{float:left}
.formComponent.MultiCheckbox ul input{margin:2px 5px 0 0}

/* - Date */
.formComponent.Date input{width:80px}

/* - Dropdown */
.formComponent.Dropdown{}

/* - Hidden */
.formComponent.Hidden{display:none}

/* - Label */
.formComponent.Label{}

/* - Text */
.formComponent.Text{}

/* - Textarea */
.formComponent.Textarea textarea{min-height:100px}

/* hints */
.hints .hints-inner{margin:26px 0 0 0;max-width:300px;_width:300px}
.hints .tipArrow{position:relative;display:block;margin:8px 0 0 1px;width: 12px;height:16px;background:url('../img/hintsArrowLeft.png') no-repeat}
.hints .tipContent{position:relative;top:-22px;left:13px;background:#333;zoom:1;color:#FFF;z-index:3;padding:.75em 1em .75em .95em;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:2px 2px 8px #444;box-shadow:2px 2px 8px #444}
.hints .tipContent p{color:#FFF;margin:0;font-size:.8em}
.hints .tipContent ul{margin:0;padding:0}
.hints .tipContent .tipErrorUl{color:#FF8F8F}
.hints .tipContent .tipErrorUl li{list-style-type:disc;margin-left:1.25em;font-weight:bold}

/* icons */
.icon{width:20px;height:20px;margin:0;padding:0}

.icoTruck{background:url('/img/auto.gif') no-repeat 0 0}
.icoFuel{background:url('/img/stacja.gif') no-repeat 0 0}
.icoTruckMaint{background:url('/img/autorep3.gif') no-repeat 0 0}

/**
 * WEBSITE STRUCTURE:
 * #header
 *   #topPanel
 *     #mainMenu
 *     #rightMenu
 *   #bottomPanel
 * table
 *   <content>
 */
#header{font-size:11px}
#topPanel{
	height:26px;
	background-color:#F8F8F8;
    background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#F8F8F8));
	background:-webkit-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-moz-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-ms-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-o-linear-gradient(top, #F8F8F8, #E8E8E8);
	border-bottom:1px solid #C3C3C3;
	padding:0;
}

/* CUSTOM TOP PANEL STYLES PER CRM */
#topPanel.vdev{background:#FFF79A}
#topPanel.vdev #mainMenu{
	background-color:#F8F8F8;
    background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#F8F8F8));
	background:-webkit-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-moz-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-ms-linear-gradient(top, #F8F8F8, #E8E8E8);
	background:-o-linear-gradient(top, #F8F8F8, #E8E8E8);
}

/* compresed */
#mainMenu{float:left}
#mainMenu ul,#mainMenu li{list-style:none;margin:0;padding:0}
#mainMenu>ul{position:relative;z-index:597;float:left;border-bottom:1px solid #C3C3C3}
#mainMenu>ul li{float:left;min-height:1px;vertical-align:middle;line-height:20px;border-right:1px solid #C3C3C3}
#mainMenu>ul li:hover{position:relative;z-index:599;cursor:pointer}
#mainMenu>ul ul{display:none;position:absolute;top:100%;left:-1px;z-index:598;width:180px;border-top:1px solid #C3C3C3}
#mainMenu>ul ul li{float:none}
#mainMenu>ul ul ul{top:1px;left:99%}
#mainMenu>ul li:hover>ul{display:block}
#mainMenu>ul>li:hover{border-bottom:none}
#mainMenu>ul li:first-child{border-left:1px solid #C3C3C3}
#mainMenu>ul ul>li{border:1px solid #C3C3C3;border-top:none;background-color:#E8E8E8}
#mainMenu>ul a:link,#mainMenu>ul a:visited{color:#000;text-decoration:none}
#mainMenu>ul a,#mainMenu>ul span{display:block;padding:3px 10px}
#mainMenu>ul a:hover{background-color:#F8F8F8}
#mainMenu>ul form{background-color:#EEE;padding:2px 3px}
#mainMenu>ul form input{height:16px;font-size:11px;width:150px}

#mainMenu .icon{padding:0;float:left}


#bottomPanel{clear:both;height:20px;line-height:20px;padding:0 5px;font-size:10px;background-color:#666;color:#fff;border-bottom:solid 1px #CCC}
#bottomPanel a{color:#000;text-decoration:none;font-weight:bold}
#bottomPanel a:hover{text-decoration:underline}

.notificationInfo{float:left;margin-left:50px;color:#F90}

.widgetBoard{padding:0 1%;max-width:1260px}
#dock{position:fixed;left:0;top:35px;width:100%;text-align:center;}