@charset "utf-8";
/* CSS Document */
html, body, .body { height: 100%; }
body > .body { height: auto; min-height: 100%; }
body, input, textarea, select { font-family:inherit; font-size:inherit; }
img { border:0px; vertical-align:middle; }

p { margin-bottom:5px; }
ul, ol { margin-left:15px; }

hr { border:1px solid #FFF; border-top:1px solid #999; }

/*link styling */
a { text-decoration:none; color:#0071BC; }
a:hover		{ text-decoration:underline; }
a:visited { color:##900; }

strong { font-weight:bold !important; }
em { font-style:italic !important; }

.left { float:left; }
.right { float:right; }

.aright { text-align:right; }
.aleft { text-align:left; }
.acenter { text-align:center; }

.color { color:#3F2315 !important; }
.bgcolor { background:#3F2315 !important; }
.highlight { color:#22B573 !important; }

a.button:hover { text-decoration:none; }
.button { background:#000; outline:1px none #FFF; border:1px none #FFF; color:#FFF; padding:4px 15px; cursor:pointer; }
.button:hover { background:#999; }
.button-grey { background:#666; }
.button-green { background:#22B573; }

/* Body */
.userpush { width:100%; height:40px; } 
.usermenu { width:100%; height:25px; font-size:10px; color:#FFF; position:fixed; }
.usermenu .content { padding:5px 20px 0 20px; }
.usermenu .content a { color:#FFF; }

/* Login page */
body, input, textarea, select { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#000; line-height:15px; }
textarea h1 { font-size:24px; line-height:26px; }
textarea h2 { font-size:22px; line-height:24px; }
textarea h3 { font-size:20px; line-height:18px; }

input[type=text], input[type=file], input[type=password], textarea, select { padding:2px; border:1px solid #BBB; outline:1px none #FFF; }
input[type=checkbox] { margin-top:-2px !important; }

.header { height:100px; text-align:center; padding:0 100px; }
.header .logo { height:80px; width:100%; border-bottom:1px solid #999; padding:10px 0; }

.loginbox {
	width:300px;
	margin:60px auto 0 auto;
}

.loginbox .loginarea {
	float:left;
	width:320px;
	border:1px solid #999;
	background:#F1F1F1;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:15px;
}

.loginarea .title { font-weight:bold; font-size:14px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #999; }
.loginarea .labelstatus { margin-bottom:10px; text-align:center; width:100%; }
.loginarea .label { margin-bottom:5px; }
.loginarea .field { margin-bottom:10px; }
.loginarea .field input[type=text], .loginbox .field input[type=password] { width:315px; }

.noticearea {
	width:460px;
	border:1px dashed #CCC;
	background:#FEFEFE;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:15px;
	margin:30px auto 30px auto;
	line-height:14px;
	font-size:11px;	
}

.noticearea .title { font-weight:bold; font-size:12px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #999; cursor:pointer; }
.noticearea p { text-align:left; margin-bottom:6px; }
.noticearea ol { text-align:left; list-style:decimal; }
.noticearea ol li { text-align:left; margin-bottom:2px; }

/* Footer */

.footer {
	height:25px;
	font-size:10px;
	color:#FFF;
}
.footer .content { padding:5px 20px 0 20px; }
.footer .content a { color:#FFF; }

/* Navigation */

.navbar {
	width:169px;
	border-right:1px dashed #CCC;
	padding:0 15px;
	height:100%;
}

.navbar .logo { width:170px; padding:20px 0; border-bottom:1px solid #999; }
.navbar .menu a { color:#0071BC; }

.navbar .menu h4, .navbar .menu h3 { margin:5px 0 0 0; padding:8px 0 8px 15px; border-bottom:1px solid #E1E1E1; background:url(../i/arrows1.png) no-repeat 0 8px; clear:both; font-weight:none; font-size:12px; }
.navbar .menu h4 { background:url(../i/plus1.png) no-repeat 0 8px; }

.navbar .menu ul { padding:0; margin:5px 0; }
.navbar .menu ul li { padding:8px 0 5px 15px; border-bottom:1px none #FFF; background:url(../i/arrows1.png) no-repeat 0 8px; }

/* Main bar */

.main { padding:0 10px; }
.main .title { width:100%; font-size:18px; font-weight:bold; padding:15px 0; border-bottom:1px solid #999; margin-bottom:30px; }
.main .mainbody { width:100%; }

.main .mainbody .seperator { clear:both; }
.main .mainbody .subtitle { font-size:14px; font-weight:bold; margin-bottom:15px; float:left; }
.main .mainbody .subtitle2 { margin-bottom:15px; float:left; color:#666; }

.main .mainbody .label { width:140px; float:left; padding-bottom:6px; }
.main .mainbody .dotted { width:10px; float:left; }
.main .mainbody .field { float:left; padding-bottom:5px; }
.main .mainbody .field input, .main .mainbody .field select, .main .mainbody .field textarea { margin-bottom:8px; vertical-align:top; }
.main .mainbody .field .desc { color:#666; font-size:11px; }

.main .mainbody .full { float:left; width:100%; }
.main .mainbody .half { float:left; width:49%; }
.main .mainbody .half .field { max-width:300px; }

.main .mainbody .spacing { float:left; height:20px; }
.main .mainbody hr { border-top:1px solid #E1E1E1; padding:5px 0; }

.main .mainbody .dataarea {
	padding:20px 0;
	width:100%;
	float:left;
}

.main .mainbody .imagebox { float:right; margin-bottom:10px; }
.main .mainbody .imagebox .image { width:200px; overflow:hidden; border:1px solid #CCC; padding:10px; margin-bottom:10px; }
.main .mainbody .imagebox .name { font-size:11px; }

.main .mainbody ul { list-style:disc; }
.main .mainbody ol { list-style:lower-roman; }

.tablearea { border-bottom:1px solid #E1E1E1; }
.tablearea, .toparea, .bottomarea { width:100%; float:left; margin-bottom:15px; }
.tablearea th { white-space:nowrap; padding:6px 10px; background:#E2E2E9; }
.tablearea th  a { color:#23256E; }
.tablearea tr.out { background:#F3F3F3; }
.tablearea td { padding:6px 10px; }

.tableorder { width:100%; float:left; margin-bottom:15px; background:#E1E1E1; }
.tableorder th { white-space:nowrap; padding:6px 10px; background:#EBF4FB; }
.tableorder th  a { color:#23256E; }
.tableorder td { padding:6px 10px; background:#FFF; }
.tableorder td.out { background:#EBF4FB; }

.tablearea .icon { width:16px; height:16px; cursor:pointer; }

.table-points { width:100%; float:left; }
.table-points th { white-space:nowrap; padding:6px 10px; background:#CCC; }
.table-points th a { color:#23256E; }
.table-points td { padding:6px 10px; background:#FFF; }
.table-points tr.out td { background:#EBF4FB; }
.table-points td.nowrap { white-space:nowrap; }

/* Text lengths */
.shortest { width:20px; }
.shorter { width:80px; }
.short { width:140px; }
.med { width:240px; }
.long { width:400px; }
.longer { width:600px; }
.longest { width:100%; }

/* Gallery Area */
.galleryarea {
	float:left;
	margin:0px 50px;
	padding:0px;
}

.gallerybox { float:left; width:120px; height:90px; margin-right:15px; margin-bottom:15px; overflow:hidden; border:1px solid #FFF; }
.gallerybox:hover { border:1px solid #CCC; background:#CCC; }
.closebox { position:absolute; width:12px; height:12px; margin-left:103px; margin-top:5px; z-index:1; background:url(../i/iclose.png) 0 0 no-repeat; cursor:pointer; }
.closebox:hover { background:url(../i/iclose.png) -12px 0 no-repeat; }

/* jquery ui autocomplete */
.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.ct-grey { color:#999; }