body{
	font-family: Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:12px;
	color:#000000;	
	margin:0px;
	padding:0px;
}
#main{
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
}
#bigTable{
	float:left;
	width:500px;
}
#detail{
	float:right;
	text-align:left;
	width:390px;
	height:430px;
	display:inline-block;	
}
#titleTable{
	width:100%;
}
#menu{
	clear:left;
	max-height:48px;
}
#menu span,
#menu a{
	padding:5px 10px 6px 10px;
	border-right:1px solid white;
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	display:inline-block;
	cursor:pointer;
}
.menuBlue{
	background-image:url(img/menuBlue.jpg);
}
.menuButton{
	float:right;
	cursor:pointer;
}
.hidden{
	display:none;
}
#loading{
	position:absolute;
	top:15px;
	right:15px;
}
#loadingBig{
	position:fixed;
	z-index:10000;
	left:46%;
	top:30%;
}
.loading{
	position:fixed;
	display:none;	
}
.ui-widget-overlay{
	background-repeat:repeat !important;
	z-index:1000 !important;
}
#json{
	padding-left:50px;
	text-align:left;
	float:left;
	width:100%;
}
#json .checkbox{
	clear:left;
	float:left;
	display:none;
}
#json span{
	display:block;	
}
.jsonCont{
	width:33%;
	float:left;
}
.objects{
	margin-bottom:10px;
}
.objects .label{
	margin-left:10px;
}
.objects .input{
	float:left;
}
#searchFrame{
	position:absolute;
	left:-300px;
	top:10px;
	width:340px;
}
#searchForm{
	float:left;
	width:290px;
	border:1px solid lightblue;
	background-color:white;
}
.searchImage{
	cursor:pointer;
}
#searchSymbol{
	margin-right:-10px;
}
#searchClose{
	display:none;
}
#searchForm .input{
	width:120px;
	height:20px;
}
#table{
	float:left;
	width:50%;
}
.tableFull{
	float:left;
}
.tableFull.user{
    margin-bottom:1000px;
}
#tableIndex, #tableButtons{
	padding-bottom:5px;
	overflow:hidden;
}
#tableIndex .selectbox{
	width:50px;
}
#tableHead .header{	
	width:115px;
	margin-left:20px;
	float:left;
	display:inline;
}
.iframe{
	width:95%;
	height:100%;
	border:none;
}
.selectbox{
	display:inline-block;
	background-color:#eeeeee;
	width:150px;
}
.headEmpty{
	width:20px;
	float:left;
}
.headText{
	padding-top:10px;
	float:left;
	width:90px;
	overflow:hidden;
}
.sorter{
	float:left;
	margin-left:3px;
}
.desc, .asc{
	width:14px;
	height:14px;
	cursor:pointer;
}
#detailSave{
	text-align:left;
	float:left;
	width:60%;
}
#detailAdition{
	text-align:left;
	float:left;
	width:30%;
	margin-left:5px;
}
.linkAdmin, .linkAdmin_over{
	color:black;
	width:60px;
	height:15px;
	font-size:11px;
	background-color:#E6E6E6;
	overflow:hidden;
}
#content .dark{
	background-color:#d5d2d2;
}
.linkAdmin_over{
	cursor:pointer;
	text-decoration:underline;
	color:#696969;
}
.link, a{
	color:black;
	text-decoration:none;
	border:none;
}
.link_over, a:hover{
	cursor:pointer;
	text-decoration:underline;
	color:#696969;
}
.linkBig, .linkBig_over{
	font-size:13px;
	color:#1D87B3;
	font-weight:bold;
	display:block;	
}
.linkBig_over{
	cursor:pointer;
	text-decoration:underline;
}
.header{
	font-size:14px;
	color:#1D87B3;
	padding:0px 5px 5px 1px;
	display:inline-block;
	font-weight:bold;
}
.checkbox{
	margin-right:2px;
}
.label{
	width:110px;
	display:block;
	float:left;
	clear:left;
	margin-right:5px;
	margin-bottom:8px;
}
.labelCheckbox{
	display:inline-block;
	margin-bottom:4px;
}
.input, .inputShort, .inputWhite, .inputWhiteShort{
	width:150px;
	height:20px;
    background-color:#eeeeee;		
	margin:2px 1px 2px 1px;
	border-width:0px 0px 2px 0px;
	border-color:grey;
	border-style:inset; 
}
.inputShort, .inputWhiteShort{
	width:70px;
}
.inputWhite, .inputWhiteShort{
	background-color:white;
}
.input.readonly{
	background-color:lightgray;
}
.long{
	width:300px;
}
textarea.input{
	height:100px;
	width:250px;
}
.break{
	clear:both;
}
#infoBox, .infoTip{
	display:block;
	background-image:url(img/topbox.jpg);
	background-repeat:repeat-y;
	border: #eee 1px solid;
	padding:10px;
	text-align:center;
	z-index:1;
}
#infoBox{
	position:fixed;
	width:200px;	
	bottom:10px;
	right:10px;
}
.infoTip{
	position:absolute;
	width:200px;	
	padding:10px;
}
.infoTip .link{
	padding-right:5px;
}
.cell{
	border:1px solid lightgray;
	padding:3px 3px 3px 3px;
	font-size:11px;
}
#table{
	margin-left:-20px;
}
#detailSave{
	width:370px;
}
#detail .input, #detail .selectbox{
	width:250px;
}
#detail #name{
	width:200px;
}
#tableHead .header{
	margin-left:0px;
}
#preview_txt{
	width:50px;
}
#statistics{
	width:700px;
	display:inline-block;
}
#statistics .title{
	width:300px;
	display:inline-block;
}
#logout_txt, #billSearch{
	float:right;
}
.course #content{
	width:250px;
	overflow:auto;
}
.user #content{
	width:220px;
	overflow:auto;
}
#content span{
	display:inline-block;
	width:100px;
	margin-right:3px;
	text-align:left;
    vertical-align:top;
    margin-bottom:3px;
}
#content .dark {
	background-color:#8f8d8d;
}
#content .casket{
	border:1px solid black;
	width:7px;
	height:7px;
	margin-right:1px;
	cursor:pointer;
}
#content .casket.default{
	cursor:default;
}
#content .prename, #content span.date, #content span.lastMail, #content span.opt{
	width:60px;
}
#content .type{
	width:50px;
}
#content .course{
	width:105px;
}
#content .select{
	margin:0px 0px 0px 0px;
}
#bigTable .headText, #bigTable #tableHead .header{
	width:auto;
}
.selection{
	display:inline-block;
	text-align:right;
	float:right;
}
#tableButtons .selectbox{
	width:50px;
}
#priceLine .input{
	width:30px;
}
#billInput {
	width:47px;
}
#rate1{
	margin-left:10px;
}
#content .disabled, #content .disabled *{
	background-color:white;
	color:lightgray;
	border-color:lightgray;
}
.green{ background-color:lightgreen; }
.yellow{ background-color:yellow; }
.black{ background-color:black; }
.red{ background-color:red; }
.pink{ background-color:pink; }
.lightblue{ background-color:lightblue; }
.orange{ background-color:orange; }

#detail #prename, #detail #name, #detail #zip, #detail #street{
	width:105px;
	float:left;
}
#detail #price_txt, #detail #campPrice_txt, #detail #neoprenPrice_txt, #detail #studentPrice_txt, #detail #zip_txt, #detail #street_txt, #detail #prename_txt, #detail #name_txt, #detail #size_txt, #detail #weight_txt, #detail #shoe_txt{
	width:auto;
	clear:none;
}
#detail #price,#detail #campPrice, #detail #neoprenPrice, #detail #studentPrice, #detail #size, #detail #weight, #detail #shoe{
	width:50px;
	float:left;
}
#body.orange #menu{background-color:orange}
#body.blue #menu{background-color:blue}
#body.gray #menu{background-color:gray}
#body.orange .tableFull, #body.orange #tableIndex, #body.orange #tableButtons{border:1px solid orange;}
#body.blue .tableFull, #body.blue #tableIndex, #body.blue #tableButtons{border:1px solid blue;}
#body.gray .tableFull, #body.gray #tableIndex, #body.gray #tableButtons{border:1px solid gray;}