/* Basic  */
html { background: url('/images/bg.png');}
body {
  margin:0;
  padding:0;
  background: url('/images/bg2.png') repeat-x top;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #333333;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
input[type=text],input[type=password],input[type=file],select,textarea  { 
  padding: 5px;
  border-top: solid 1px #c4c4c4;
  border-left: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  border-right: solid 1px #c4c4c4;
  -moz-border-radius:5px;
}
.logout{ color:#D30000; font-weight:bold;}
.login { font-weight:bold; }
label { font-weight:bold;}
h1, h2 { padding:2px; margin:2px; }
a img { border: none; }
a { color: #0000FF; }
.clear { clear: both; height: 0; overflow: hidden; }
div#control_box {
  -moz-border-radius:5px; 
  background-color:#F3F3F3;
  border:1px solid #E5E5E5;
  padding:5px;
  text-align:center;
}
div#title_box {
  background-color:#F3F3F3;
  border:1px solid #E5E5E5;
  padding:1px;
  text-align:center;
}
div#new_box { padding:0 0 15px; }
ul.actions {visibility:hidden; margin:0; padding:0;}
ul.actions li {display:inline; margin-right:5px;}
.field{padding-bottom:15px;}

/* Pagination */
.pagination{ margin-top: 15px; text-align: center; }
.pagination a {
  color:#008BBF;
  -moz-border-radius:5px 5px 5px 5px;
  border:1px solid #CCCCCC;
  margin:0 2px;
  padding:3px 6px;
}
.pagination span {
  -moz-border-radius:5px 5px 5px 5px;
  border:1px solid #CCCCCC;
  margin:0 2px;
  padding:3px 6px;
}
.pagination em {
  color:#fff;
  padding:3px 6px;
  margin:0 2px;
  background: #398BD1 url("/images/btn-bg.png") repeat-x scroll center top;
  text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
  -moz-border-radius :5px;
  border:1px solid rgba(0, 0, 0, 0.25);
}

/* Navigation */
#sidenav {
  width: 156px;
  float:left;
  background-color: #F3F3F3;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}
#sidenav ul { 
	list-style-type:none; 
	list-style-position:outside; 
	list-style-image: none;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
}
#sidenav li { }
#sidenav li a { 
	width: 156px; 
	display:block;
	width:93%; 
	height: 100%;
	line-height: 25px;
	border-bottom: 1px solid #DDDDDD;
	padding-left: 10px;
	color: #4E5660;
}
#sidenav li a:hover { background: #FFFADF; }
#sidenav li.current a {background: #DFF6FF; color: #000; }

div.top_nav{ 
  text-align: right; 
  width: 900px; 
  margin: 0 auto; 
  border-bottom:1px solid #4E5660;
  margin-bottom: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-shadow:0 1px 0 #FFFFFF;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
}

/* Content  */
div#header{ width: 900px; margin: 0 auto; }
#container {
  width: 900px;
  overflow: auto;
  margin: 0 auto;
  margin-top: 10px;	
}

#main{
  width: 733px;
  float:right; 
  padding: 0 ;
  margin:0;
}

#main .box table { width: 100%; }
#main .box table th {
  background:url("/images/boxheader.gif") repeat-x scroll 0 0 #E2E2E2;
  color:#333333;
  font-weight:bold;
  text-shadow:1px 1px 1px #FFFFFF;
  padding:8px;
  text-align:left;
}
/*#main table th { background-color: #F3F3F3 }*/
#main .box table tr td { border-bottom: 1px solid #DDDDDD; height:40px;}
#main .box table tr:hover td { background: #FFFADF none repeat scroll 0 0; }
#main .box table tr:hover .actions{ visibility:visible; }

/* Box */
.box {
  background:#fff;
  border:1px solid #c5c5c5;
  margin-bottom:15px;
  padding:15px;
  border-top:0;
  -moz-border-radius-bottomleft :5px;
  -moz-border-radius-bottomright :5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
.box-header {
  border:1px solid #c5c5c5;
  font-weight:bold;
  text-align:center;
  font-size:14px;
  background:#e2e2e2 url('/images/boxheader.gif') repeat-x top;
  padding:10px 15px;
  color:#333333;
  text-shadow:1px 1px 1px #FFFFFF;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
}
.menu {
  background:#fff;
  border:1px solid #c5c5c5;
  padding:15px;
  -moz-border-radius :5px;
}

/* Buttons */
.button {
  cursor:pointer;
  display:inline-block;
  font:14px/100% Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:0 5px;
  outline:none;
  padding:8px 20px;
  width:auto;
  text-align:center;
  text-decoration:none;
  vertical-align:baseline;
  background:#202020 url('/images/btn-bg.png') repeat-x top;
  color:#fff;
  border:1px solid rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.button:hover {
  background-image: url('/images/btn-bg-hover.png');
  text-decoration:none;
  outline:none;
}
.button:active {
  position:relative;
  top:1px;
  outline:none;
}
.button.blue { background-color:#398BD1; }
.button.green { background-color:#55a34a; }
.button.red { background-color:#d13a39; }
.button.yellow { background-color:#c5a059; }
.button.grey {
  background-color:#eee;
  color:#4d4d4d;
  text-shadow:0 -1px 1px #fff;
}
.button.medium { 
  font-size:13px;
  padding:6px 15px;
}
.button.medium.save { 
  font-size:13px;
  padding:4px 15px;
}
.button.small {
  font-size:11px;
  padding:3px 10px;
  width:auto;
}

/* Notices */
.flash_messages { 
  border-width:1px;
  border-style:solid;
  padding:17px 17px 17px 55px;
  -moz-border-radius:5px;
  margin-bottom:10px;
  -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;
 }
.flash_messages.notice {
  background:#f1ffbf url('/images/messages/success.png') no-repeat 10px 10px;
  border-color:#a6d50f;
  color:#1E5F1D;
}
.flash_messages.error { 
  background:#fecdc6 url('/images/messages/error.png') no-repeat 10px 10px;
  border-color:#E17984;
  color:#9E0B0F;
}
.flash_messages.warning {
  background:#ffecb0 url('/images/messages/warning.png') no-repeat 10px 10px;
  border-color:#ffbc2a;
  color:#BF8F00;  
}
.flash_messages.info {
  background:#d4e7f5 url('/images/messages/info.png') no-repeat 10px 10px;
  border-color:#589ad7;
  color:#0089EF;
}
.flash_messages.tip {
  background:#ffeccd url('/images/messages/tip.png') no-repeat 10px 10px;
  border-color:#dd9854;
  color:#CF7E00;  
}
.flash_messages.error_explanation{
  background:#F9E1DE url('/images/messages/error.png') no-repeat 15px 18px;
  border-color:#E17984;
  color:#9E0B0F;	
}
/* Errors */
.field_with_errors{ margin:0;padding:0;}
.field_with_errors input { background-color:#FFEBEB; }