@import "jquery-ui-1.8.9.custom.css";
@import "reset.css";
@import "tools.css";


/* base
------------------------------------------------------------------ */
html {  height: 100%; background: #FAFAFA url(/img/bg_sidebar.png) no-repeat; }
body { min-height: 100%; }


/* container
------------------------------------------------------------------ */
#wrapper { width: 960px; position: relative; display: block; min-height: 100%; }

#page { padding: 85px 0 0 200px;  }

#page .box .right { position: absolute; top: 65px; right: 0; }
#page .box .right a, #page .box a.hideButton { display: inline-block; background: #6f6f6f; color: #fff; padding: 3px 10px; text-decoration: none; margin: 1px 0 0 0; text-shadow: 1px 1px 0 #000; }
#page .box .right a:hover, #page .box a.hideButton:hover  { background: #39b54a; color: #000; text-shadow: none; }

#page .box a.hideButton { position: absolute; top: 120px; right: 0px; }

#page .box { padding: 0 0 20px 0; }
#page .updatediv { margin-bottom: 30px; border-bottom: 1px solid #000; }


/* formulare
------------------------------------------------------------------ */
.box select, .box div.text input, .box div.password input, .box textarea {padding:4px; font-size: 14px;	-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #b6b7b8; outline: none }
.box label { width: 150px; padding: 4px 0; display: inline-block; float: left; }
.box select { width: 300px;}
.box div.text input, .box div.password input { width: 290px; }
.box textarea {width: 590px; height: 80px; }
.box textarea:focus,.box div.input input:focus,.box select:focus {background:#f7f7f7;	box-shadow: 0 0 6px #b6b7b8;-webkit-box-shadow: 0 0 6px  #b6b7b8;-moz-box-shadow: 0 0 6px #b6b7b8; }
.box div.input { margin-bottom: 15px; }
.box div.submit { padding-left: 150px; }
.box .required label { font-weight: 700; }

.submitleft div.submit { padding-left: 0px!important; }

fieldset { border:1px solid #ccc; padding: 5px 0; background: #fff; margin-bottom: 10px; font-family: Tahoma; }
fieldset legend { padding: 5px; font-size: 15px; margin-left:10px; color:#39b54a; }

fieldset label { font-size: 11px!important; width: 135px!important; }
fieldset div { float: left; padding: 0 15px; width: 345px; }

fieldset div.text input { font-size: 12px!important; width: 200px!important; }
fieldset div.select select { font-size: 12px!important; width: 210px!important; } 

fieldset div.textarea label { width: 600px!important; float: none!important; }
fieldset div.textarea textarea { width: 710px;  }
textarea,select { display: inline!important; }
.replace { display: none!important;  }

div.date select { width: 66px!important; padding: 0!important; }

#RecordFieldId48 { height: 200px; }

fieldset.cleanform { padding: 10px 15px 0 15px; }
fieldset.cleanform label { display: none; }
fieldset.cleanform div { float: left; padding: 0 5px 0 0!important; width: auto!important; }
fieldset.cleanform #RecordQ { width: 500px!important; }


table#viewlist { width: 760px; border-bottom: 1px solid #b7ac90; border-top: 1px solid #b7ac90; border-right: 1px solid #d8d8d8; }

table#viewlist th {
	background: #ebebeb;
	border-left: 1px solid #d8d8d8;
	font-weight: 700; 
	padding:3px 5px;
	vertical-align: middle; 
	text-align: left;
	font-size: 12px!important; 

}
table#viewlist td { border-left: 1px solid #d8d8d8; vertical-align: middle; padding:3px 5px; border-top: 1px solid #d8d8d8; line-height: 1.1em; font-size: 12px!important; } 






/* nav
------------------------------------------------------------------ */
#nav { width: 169px; position: absolute; top: 100px; left: 0; }
#nav ul li a { display: block; background: #6f6f6f; color: #fff; padding: 3px 10px; text-decoration: none; margin: 1px 0 0 0; text-shadow: 1px 1px 0 #000; }
#nav ul li a:hover { background: #39b54a; color: #000; text-shadow: 1px 1px 0 #fff; }
#nav ul li form div { float: left; }
#nav ul li form div select { padding: 3px 0; width: 65px; }
#nav ul li form div.submit { margin-left: 5px; }
#nav ul li form {padding: 3px 0 3px 10px;}

/* header
------------------------------------------------------------------ */
#header {  }
.status{ 
	background: #000;  
	position: absolute; top: 15px; left: 169px;
	background: #ebebeb;
	border: 1px solid #000;
	border-left: 1px solid #ebebeb;
	width: 729px;
	padding: 5px 30px; text-align: left;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 700;
 }

.loading { display: none;}


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 Arial, Helvetica, sans-serif; color:#373737; }

h1,h2,h3,h4,h5,h6 { color: #555555 }

h1,#page h3 { font-size: 24px; border-bottom: 1px solid #373737; margin-bottom: 20px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }

.small { font-size: 11px; }

p { padding: 7px 0; }

acronym { border-bottom: 1px dotted #000; cursor:help; }
hr { margin: 20px 0; height: 1px; line-height: 1px; border: none; background: none; border-bottom: 1px solid #B6B7B8; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#39b54a; }
a:hover { text-decoration:none; }