/**

 *	CSS for CSUN

 *	@author	Erik Hoeksma	-	Quiba.nl

 *	@version Final

*/



.sub {

    text-indent: 5px;

}

.specialRed {

    background: #ffc9c9 !important;

}

.special td {

    background-color: #aaa !important;

}

#invoer{

    width:100%;

}

#invoer tr {

    /*height:32px;*/

}

#invoer tr td.invoer {

    width: 200px;

    /*padding-top:8px;*/

    padding: 0px !important;

}

#invoer tr td.info {

    width: 200px;

    

}

#invoer tr td label{

    font-weight:bold;

    font-size:12px;

    width:200px;

    float:left;

    margin-top:5px;

    margin-left:5px;

}

#invoer tr td .invoerveld{

    float:left;

    /*margin-left:10px;*/

    margin-top:0px;

}

#invoer tr td a:link,

#invoer tr td a:hover,

#invoer tr td a:active,

#invoer tr td a:visited

{

    /*margin-left:15px;*/

    float:left;

    font-size:12px;

    font-weight:bold;

    color:blue;

}



#invoer2{

    width:100%;

}

#invoer2 tr td.invoer {

    width: 49%;

    padding-top:5px;

}

#invoer2 tr td label{

    font-weight:bold;

    font-size:14px;

    width:150px;

    float:left;

}

#invoer2 tr td .invoerveld{

    float:left;

    margin-left:10px;

    margin-top:-3px;

}

a img {

    border: none;

}



#producten table{

    border-collapse: collapse;

    margin-bottom: 50px;

}

#producten table tr{

    border-top: 1px solid black;

    border-bottom: 1px solid black;

}

#producten table tr th{

    font-size:12px;

    border-left: 1px solid black;

    padding-left:5px;

}

#producten table tr td{

    font-size: 12px;

    border-left: 1px solid black;

    padding-left: 5px;

}

.last{

    border-right: 1px solid black;

}



#loader {

    display:none;

    margin-left:auto;

    margin-top:25px;

    margin-bottom:25px;

}



/* tables */

table.tablesorter {

    font-family:arial;

    margin:10px 0pt 15px;

    font-size: 12px;

    width: 100%;

    text-align: left;

    color: white;

    border-collapse: collapse;



}

table.tablesorter tr td{

    height:18px;

    text-align:center;

}

table.tablesorter tr td a{

    display:inline;

}

table.tablesorter tr td a img{

    display: inline;

}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {

    color: #f1f1f1;

    background: rgb(51, 51, 51);

    border: 1px solid #f1f1f1;

    font-size: 8pt;

    padding: 4px;

    text-align:center;

    font-weight:bold;

}

table.tablesorter thead tr .header {

    background: rgb(176, 191, 72);

    cursor: pointer;



}

table.tablesorter tbody td {

    color: #23221F;

    padding: 4px;

    background-color: #f1f1f1;

    vertical-align: top;

}

table.tablesorter tbody tr.odd td {

    background: #f9fce1;

    padding-bottom:0px;

}

table.tablesorter tbody tr.even td {

    background: white;

    padding-bottom:0px;

}

table.tablesorter thead tr .headerSortUp {

    background: url(../images/tbl_asc.gif) no-repeat center right;;

}

table.tablesorter thead tr .headerSortDown {

    background: url(../images/tbl_desc.gif) no-repeat center right;;

}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

    background-color: #ffa800;

}

img.last{

    border:none;

}

#pager{

    float:left;

    margin-top:15px;

}

#info p.container{

    font-size: 65px;

    float:left;

    width:100%;

    text-align:center;

    margin-top:-20px;

}



.red{

    background: url(../images/bar-red-bg.png) repeat;

}

.green{

    background: url(../images/bar-green-bg.png) repeat;

}



.currentweek1{

    color:white;

    background: #0066cb;

    text-align:center;

    font-size:14px;

    font-weight:bold;

}

.currentweek2{

    color:white;

    background: #92cddd;

    text-align:center;

    font-size:14px;

    font-weight:bold;

}

.currentweek3{

    color:black;

    background: #cdffff;

    text-align:center;

    font-size:14px;

    font-weight:bold;

}



.currentweek1 a:link,

.currentweek1 a:visited,

.currentweek1 a:active {

    color: white;

    font-size:14px;

    font-weight:bold;

    text-decoration: none;

}

.currentweek1 a:hover{

    text-decoration: underline;

}

.currentweek2 a:link,

.currentweek2 a:visited,

.currentweek2 a:active {

    color: white;

    font-size:14px;

    font-weight:bold;

    text-decoration: none;

}

.currentweek2 a:hover{

    text-decoration: underline;

}

.currentweek3 a:link,

.currentweek3 a:visited,

.currentweek3 a:active {

    color: black;

    font-size:14px;

    font-weight:bold;

    text-decoration: none;

}

.currentweek3 a:hover{

    text-decoration: underline;

}



.tableCell{

    width: 26px;

    float:left;

    height: 123px;

    border-left: 1px solid black;

    border-bottom: 1px solid black;

    margin-left: 0px;

    line-height:12px;

    text-align:center;

    font-size:10px;

}

.tableCell2{

    width: 26px;

    float:left;

    height: 16px;

    border-left: 1px solid black;

    border-bottom: 1px solid black;

    margin-left: 0px;

    text-align:center;

    font-size:10px;

    padding-top:5x;

}



#info h3{

    background: url(../images/bar.png) repeat;

    width:90%;

    font-size:15px;

    color:White;

    padding-left:10px;

}

.black{

    background: url(../images/bar.png) repeat;

    font-size:12px;

    color:White;

}

.weektop{

    background:black;

    color:white;

    font-size:12px;

}

.weektop a,

.weektop a:link,

.weektop a:hover,

.weektop a:active{

    color:white;

    font-size:9px;

}



.face{

    top:176px;

    position:fixed; 

    margin-left: auto;

    margin-right: auto;

}

.face2{

    top:4px;

    position:fixed; 

    float:left;

    margin-left: auto;

    margin-right: auto;

}

#submitorder {

float: right;

height: 25px;

margin-top: -3px;

}

form.file_upload {

    position: relative;

    overflow: hidden;

    direction: ltr;

    cursor: pointer;

    text-align: center;

    color: #333;

    font-weight: bold;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    width: 15em;

    height: 2.5em;

    line-height: 2.5em;

    background: palegreen;

    border: 1px solid limegreen;

}



form.file_upload_small {

    width: 15em;

    height: 2.5em;

    line-height: 2.5em;

    font-size: 100%;

    background: palegreen;

    border: 1px solid limegreen;

}



form.file_upload_large {

    width: 100%;

    height: 7em;

    line-height: 7em;

    font-size: 2em;

    background: palegreen;

    border: 1px solid limegreen;

}



form.file_upload_highlight,

form.file_upload:hover {

    background: lawngreen;

}



form.file_upload input {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    border: 300px solid transparent;

    opacity: 0;

    -ms-filter: 'alpha(opacity=0)';

    filter: alpha(opacity=0);

    -o-transform: translate(-300px, -300px) scale(10);

    -moz-transform: translate(-800px, 0) scale(10);

    cursor: pointer;

    height: 100%;

}



:root form.file_upload input {

    height: auto;

}



form.file_upload button,

.no-js .file_upload_label,

.no-js .file_upload_overall_progress,

.no-js .file_upload_buttons {

    display: none;

}



.file_upload .file_upload_label,

.file_upload .file_upload_overall_progress,

.file_upload .file_upload_buttons {

    display: block;

}



.file_upload img {

    border: none;

}



.progressbar, .progressbar div {

    border: 1px solid #aaa;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}



.progressbar div {

    width: 100%;

    height: 100%;

    margin: -1px;

}



.file_upload_progress .ui-progressbar-value,

.file_upload_overall_progress .ui-progressbar-value,

.progressbar div {

    background: url(../images/pbar-ani.gif);

}



.file_upload_progress div {

    width: 150px;

    height: 17px;

}



.file_upload_overall_progress div {

    width: 350px;

    height: 17px;

}



.file_upload .file_name {

    padding: 0 10px;

    font-size: 1.1em;

}



.file_upload .file_size {

    padding: 0 10px 0 0;

    text-align: right;

    font-size: 1.1em;

}



.file_upload .files,

.file_upload_overall_progress {

    margin: 10px 0;

}



.file_upload .ui-widget {

    font-size: 1em;

}



.tooltip {

    background: url("../images/tooltip-bg.png") repeat scroll 0 0 transparent;

    color: #FFFFFF;

    display: none;

    font-size: 12px;

    font-weight: bold;

    height: 70px;

    padding: 15px;

    width: 160px;

}



#fullcontainer div {

float:left;

margin-left:15px;

}



a.menuHeader {

       background-position: center left !important;

       font-weight:bold !important;

}

span.counter {

  display: block;

    float: right;

    height: 22px;

    line-height: 22px;

    position: relative;

    text-align: right;

    width: 35px;

}

.tableheader {

     background: #b0bf48;

    border: 1px solid #1B0E0E;

    color: #222222;

        font-weight:bold;



}

td.tableheaderProduct {

    background: rgb(51,51,51);

    font-size:11px !important;

    font-weight:bold;

    color:white;

}

th.tableheaderProduct {

    background: #f9fce1;

    font-size:10px !important;

    font-weight:bold;

}

table.productList {

    width:90%;

    border-collapse: collapse;

    border-spacing: 0px;

}

table.productstable td {

    vertical-align:middle !important;

}

#footer {

     border: 1px solid black;

    bottom: 36px;

    display: none;

    font-size: 14px;

    height: 25px;

    position: fixed;

    width: 1206px;

}



#footer table th {

    padding:0px;

}



.green {

    background: #d5f9b9;

}

.red {

    background: #f9bcb9;

}

tr[special-product] small {

    color:red;

}

.btn {

	-moz-box-shadow: 0px 1px 0px 0px #fff6af;

	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;

	box-shadow: 0px 1px 0px 0px #fff6af;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));

	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);

	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);

	background-color:#ffec64;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #ffaa22;

	display:inline-block;

	cursor:pointer;

	color:#333333;

	font-family:Trebuchet MS;

	font-size:15px;

	font-weight:bold;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:0px 1px 0px #ffee66;

}

.btn:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));

	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);

	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);

	background-color:#ffab23;

}

.btn:active {

	position:relative;

	top:1px;

}