/**************** Global config */
body{
	font-family:"lucida grande", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size:75%;
	margin:0;
}
a{
	color:#3A75C4;
	text-decoration:none;
}
a:hover{
	color:#fff;
	background:#3A75C4;
}
a.nobg:hover{
	background:none;
}
h2{
	margin:.5em 0 1em 0;
	border-bottom:1px solid #B9AF4E;
}
h2 img{
	margin-top:-3px;
}
h4{
	margin-bottom:.5em;
}
h1 img,
h2 img,
h3 img,
h4 img{
	vertical-align:middle;
}
.nowrap{
	white-space:nowrap;
}
dl{
	margin-bottom:1em;
}
dl dt{
	margin-bottom:.2em;
}
dl dd{
	margin-bottom:.3em;
}
.red{
	color:#ed005b;
}
.orange{
	color:#FFA500;
}
hr{
	margin:1em 0 1.5em;
}
.textright{
	text-align: right;
}
iframe	{border:none;}


/**************** Messages */
ul.msg{
	padding: 0;
	margin: 1em 0;
	list-style: none;
}
ul.msg li{
	line-height: 1.8em;
	padding: .2em 1em;
	margin: 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	margin-bottom: .2em;
}
ul.msg .error{
	border:1px solid #ED005B;
	background:#FABED5;
}
ul.msg .success{
	border:1px solid #78a639;
	background:#e1ebd3;
}
#loader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}
#loader_overlay{
	background:#fff;
	width:100%;
	height:100%;
	opacity:.5;
	/*filter:alpha(opacity=50)*/
}
#loader_content{
	position:absolute;
	top:30%;
	left:40%;
	background:#fff;
	width:150px;
	padding:1.5em 2em;
	border:3px solid #eee;
	text-align:center;
}
#loader_content span{
	display:block;
	margin-bottom:.5em;
	font-weight:bold;
	font-size:1.1em;
	color:#333;
}

/**************** Forms */
fieldset{
	border:none;
}
fieldset label{
	float:left;
	min-width:150px;
	text-align:right;
	margin-right:10px;
	line-height:36px;
}
fieldset span.info{
	font-size: .9em;
	margin-left: 160px;
	display: block;
}
fieldset.widelabel label{
	min-width:300px;
}
fieldset div{
	margin-bottom:1em;
	clear:both;
}
fieldset div img{
	vertical-align:middle;
}
fieldset input.btn,
button{
	font-size:1.1em;
	margin-top:.5em;
}
input.btn[disabled="disabled"]{
	background:#ddd;
	color:#999;
	border:1px solid #999;
}
input.btn[disabled="disabled"]:hover{
	background:#ddd;
}
table input.radio{
	margin:0;
	padding:0;
}
fieldset input.radio{
	margin:1em 0;
}
fieldset select{
	margin-top:1em;
	font-size:1.2em;
	padding:.2em;
}
fieldset textarea{
	font-family:'Lucida Grande';
	padding:5px;
	font-size:1em;
	width:618px;
	line-height:1.6em;
}
fieldset.big{
	margin:0;
	padding:0;
}
fieldset.big label{
	float:none;
	display:block;
	text-align:left;
	margin:0 0 .1em 0;
	line-height:1em;
	background:#EAE7CB;
	padding:.5em .5em;
	font-size:1.2em;
}
fieldset.big input.text{
	font-size:1.2em;
	padding:.5em 9px;
	margin:0;
	width:610px;
}
fieldset.big input.text.date{
	width:50%;
}
fieldset.compact{
	margin:0;
	padding:0;
}
fieldset.compact div{
	margin-bottom:0;
}
fieldset.compact label{
	float:none;
	display:block;
	text-align:left;
	margin-right:0;
	line-height:1.4em;
}
fieldset.compact input.text{
	width:70%;
	display:block;
	float:left;
	font-size:1em;
	padding:.3em;
	margin:0;
}
fieldset.compact div img{
	float:left;
	margin-left:5px;
}
fieldset.compact select{
	margin-top:0;
	float:left;
}

.buttonbar{
	text-align:right;
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
	padding:0px 25px 4px 15px;
}
button,
.btn{
	padding:5px 5px 4px;
	background:#BBCFEB;
	border:1px solid #3A75C4;
	color:#333;
	font-weight:bold;
	font-size:1em;
	line-height:16px;
	cursor:pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
button img,
input.btn img{
	vertical-align:top;
	margin-right:3px;
}
a.btn{
	padding:6px 6px 6px;
}
a.btn img{
	vertical-align:middle;
}
button:hover,
input.btn:hover,
a.btn:hover{
	background-color:#e1eaf6;
}
.btn.save{
	background-image: url(/images/icons/famfam/disk.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.box fieldset label{
	float:left;
	min-width:50px;
	text-align:right;
	margin-right:0px;
	line-height:36px;
}
.box fieldset input.text{
	width:60%;
}
.box fieldset .btn{
	float:left;
}

/**************** Header */
#header{
	padding:.4em 0 0 0;
	background:url(/images/admin/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#header h1{
	background:url(/images/admin/logo.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:40px;
}
#header h1 a{
	display: block;
	text-indent: -99999px;
}
#header h1 a:hover{
	background:none;
}
#header #status{
	text-align:right;
	background: url(/images/icons/16x16/user.png) no-repeat right center #fff;
	opacity:.8;
	font-size:1em;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
}
#header #status a{
	margin-right: 25px;
}

/**************** Top navigation */
#navigation_top{
	background:#3A75C4;
	padding-left:5px;
	margin-bottom:1em;
}
#navigation_top ul{
	margin:0;
}
#navigation_top ul li{
	float:left;
	list-style:none;
}
#navigation_top a{
	color:#fff;
	padding:4px 7px;
	display:block;
	margin-right:10px;
}
#navigation_top a:hover,
#navigation_top li.active a{
	color:#3A75C4;
	background:#f9f9f9;
}
#navigation_top a img{
	vertical-align:middle;
	margin:-4px 2px 0 0;
}

/**************** Breadcrumbs */
#breadcrumbs{
	margin:-1em 0 1em 0;
	display:block;
	padding:0;
	list-style:none;
	background:#eee;
	padding:.2em .5em;
	color:#777;
}
#breadcrumbs ul{
	margin: 0;
	padding: 0;
}
#breadcrumbs li{
	display:inline;
	margin-right:10px;
}
#breadcrumbs li.info{
	margin-right:10px;
	color:#999;
}
#breadcrumbs li a{
	background:url(/images/admin/breadcrumb.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
	color:#777;
	text-decoration:underline;
}
#breadcrumbs li a:hover{
	color:#555;
}

/**************** Tabbed navigation */
.tabs{
	width:100%;
	line-height:normal;
	background:url(/images/admin/tab_bg.png) repeat-x bottom;
	margin-top:-1em;
}
.tabs ul{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	float:right;
}
.tabs li{
	float:left;
	background:url(/images/admin/tab_left.png) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}
.tabs li a{
	float:left;
	display:block;
	background:url(/images/admin/tab_right.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
.tabs a:hover {
	color:#666;
}
.tabs .active {
	background-image:url(/images/admin/tab_left_on.png);
}
.tabs .active a {
	background-image:url(/images/admin/tab_right_on.png);
	color:#666;
	padding-bottom:5px;
}
.tab_box{
	background:#fff;
	padding:1em 0 0 0;
	margin-bottom:1em;
}
.tabs li.description{
	background:none;
	padding:0 0 0 0;
	margin:0 10px 0 0;
	line-height:24px;
	color:#333;
}


/**************** Tables */
table.list th{
	color:#111;
	background:#eee;
	font-weight:bold;
	padding:.3em .7em;
	border-bottom:1px solid #777;
}
table.list thead.sorted th.asc,
table.list thead.sorted th.desc{
	cursor:pointer;
}
table.list thead.sorted th a{
	color:#111;
}
table.list thead.sorted th a:hover{
	background:none;
}
table.list thead.sorted th.asc.active{
	background-image:url(/images/icons/famfam/bullet_arrow_up.png);
	background-repeat:no-repeat;
	background-position:right center;
}
table.list thead.sorted th.desc.active{
	background-image:url(/images/icons/famfam/bullet_arrow_down.png);
	background-repeat:no-repeat;
	background-position:right center;
}
table.list tbody td{
	padding:.3em .7em;
	border-bottom:1px solid transparent;
}
table.list tbody td img{
	vertical-align: middle;
}
table.list.linked tbody td{
	cursor:pointer;
}
table.list tbody tr:hover td{
	border-bottom:1px solid #999;
}
table.list tfoot td{
	background:#B9AF4E;
	font-style: normal;
}
table.list td.icon{
	width:16px;
}
table.list td.center{
	text-align:center;
}
table.list tr.active td{
	background:#3A75C4;
	font-weight:bold;
	cursor:default;
	color:#fff;
}
fieldset table.list{
	margin-top:.5em;
}
fieldset table.list td{
	padding: 0 .7em;
}
.paging{
	margin:2px 0;
	list-style:none;
	text-align:center;
}
.paging li{
	display:inline;
}
.paging li a{
	padding:2px 5px;
	background:#f9f9f9;
	margin-right:2px;
	border:1px solid #fff;
	font-style:normal;
}
.paging li a:hover,
.paging li.active a{
	background:#ddd;
}

/**************** Menu tree */
.menu_tree{
	width:450px;
	min-height:400px;
	float:left;
}
#menu-active-tree{
	margin-right:10px;
}
.menu_tree .x-panel-body{
	padding:5px 10px;
	border:none;
}
.menu_tree .x-tree-node{
	font-family:inherit;
	font-size: 12px;
}
.menu_tree .x-tree-node-el{
	margin-bottom:1px;
	padding:3px 0;
}
.menu_tree .x-tree-node-icon{
	margin:0 4px;
}
.menu_tree .x-tree-node a:hover span{
	color:#fff;
}
.menu_tree ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu_tree .x-tree-node .x-tree-node .x-tree-node-expanded .x-tree-node-icon{
	background-image:url(/images/icons/16x16/page_next.png);
}
.menu_tree .x-tree-node .x-tree-node .x-tree-node-leaf .x-tree-node-icon{
	background-image:url(/images/icons/16x16/page.png);
}
.menu_tree .x-tree-node .x-tree-node .x-tree-node-collapsed .x-tree-node-icon{
	background-image:url(/images/icons/16x16/page.png);
}
.menu_tree .x-tree-node-icon{
	background-image:url(/images/icons/16x16/folder.png);
}

/**************** Uploader */
#fsUploadProgress{
	padding:5px 0;
}
.progressName {
	font-weight: bold;
	width: 100%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	width:250px;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 100%;
	text-align: left;
	white-space: nowrap;
	width:250px;
}
.uploadSuccess{
	color:#78a639;
}

/**************** Sidebar */
.sidebar .box{
	background:#eae7cb;
	padding-top:.5em;
	padding-bottom:.5em;
	margin-bottom:0;
}
.sidebar .box_top{
	background-image:url(/images/admin/sidebar_box_top_bg.png);
	width:310px;
	height:10px;
}
.sidebar .box_bottom{
	background-image:url(/images/admin/sidebar_box_bottom_bg.png);
	width:310px;
	height:10px;
	margin-bottom:1em;
}
.sidebar ul.links{
	list-style:none;
	margin:0;
}
.sidebar ul.links li{
	line-height:16px;
	padding:0;
	margin:0 0 1em 1em;
}
.sidebar ul.links li img{
	vertical-align:middle;
	margin:-.1em .5em 0 0;
}
.sidebar fieldset{
	margin:.5em 0 1.5em 0;
	padding:0;
	text-align:center;
}
.sidebar dl dt{
	width:30%;
	float:left;
	margin-right:1em;
	text-align:right;
}

/**************** Other generic content stuff */
ul.dashlinks{
	list-style:none;
	margin:0;
}
ul.dashlinks li{
	line-height:24px;
	padding:0;
	margin:0 0 1em 1em;
	float:left;
	width:300px;
}
ul.dashlinks li img{
	vertical-align:middle;
	margin:0 10px 0 0;
	float:left;
}
ul.dashlinks a{
	font-size:1.5em;
	display:block;
	margin-bottom:.3em;
	margin-left:34px;
}
ul.dashlinks p{
	margin-left:34px;
	line-height:1.6em;
}

/**************** Blocks page */
.region_box{
	border:1px solid #3A75C4;
	width:250px;
	margin:0 0 1em 0;
}
.region_box.over .content{
	background:#e1ebd3;
}
.region_box .title{
	background:#BBCFEB;
	padding:.3em .5em .3em 25px;
	background-image:url(/images/icons/famfam/layers.png);
	background-repeat:no-repeat;
	background-position:.3em center;
}
.region_box .content{
	padding:.5em;
}
.block_list{
	list-style:none;
	margin:0;
	padding:0;
}
.block_list li.block_item{
	border:1px solid #eee;
	background:#f9f9f9;
	background-image:url(/images/icons/famfam/brick.png);
	background-repeat:no-repeat;
	background-position:.3em center;
	width:250px;
	margin:0 0 1em 0;
	padding:.2em .5em .2em 25px;
	cursor:move;
}
.region_box .content .block_list li.block_item{
	width:auto;
	/*margin:.5em 0 .5em 0;*/
	margin:0 0 0 0;
}
.region_box .content .block_list li.seq{
	height:.5em;
}
.region_box.over .content .block_list li.seq{
	height:1em;
	margin:.5em 0 .5em 0;
	border:1px dashed #ccc;
	background:transparent;
	background-image:url(/images/icons/famfam/brick.png);
	background-repeat:no-repeat;
	background-position:.3em center;
}
.region_box.over .content .block_list li.seq.over{
	border:1px solid #999;
	background-color:#78a639;
}

/**************** Forms */
#add_element{
	border:1px solid #3A75C4;
}
#add_element #extend_head{
	background:#BBCFEB;
	padding:.2em .5em;
	cursor:pointer;
}
#add_element #extend_head img{
	vertical-align:top;
	float:right;
}
#add_element #extended{
	padding:.5em 1em 1em .5em;
}
#available_elements ul{
	margin:1em 0 0 0;
	list-style:none;
}
#available_elements li.element,
#chosen_elements li.element{
	border:1px solid #eee;
	background:#f9f9f9;
	background-image:url(/images/icons/famfam/application_form.png);
	background-repeat:no-repeat;
	background-position:.3em 55%;
	margin:0 0 1em 0;
	padding:.2em .5em .2em 25px;
	cursor:move;
}
#available_elements li img{
	vertical-align:middle;
}
#chosen_elements{
	border:1px solid #3A75C4;
	padding:.5em;
}
#chosen_elements ul{
	margin:0;
	padding:0;
	list-style:none;
}
#chosen_elements li.seq{
	height:.5em;
}
#chosen_elements.over li.seq{
	height:1em;
	margin:.5em 0 .5em 0;
	border:1px dashed #ccc;
	background:transparent;
	background-image:url(/images/icons/famfam/application_form.png);
	background-repeat:no-repeat;
	background-position:.3em center;
}
#chosen_elements.over li.seq.over{
	border:1px solid #999;
	background-color:#78a639;
}
#chosen_elements li.element img{
	float:right;
	cursor:pointer;
}

/**************** Forms view */
#replies_table .reply_extended{
	margin-top:.5em;
	font-size:1em;
}
#replies_table .reply_extended dl{
	float:left;
	width:45%;
	margin-right:10px;
}
#replies_table .icon{
	vertical-align:top;
}

/**************** Filter list */
dl.filter dt{
	float:none;
	margin-right:0;
	text-align:left;
}
dl.filter dd.active a{
	font-weight:bold;
	font-size:1.1em;
}
/**************** Maps */
#map_preview{
	width:630px;
}

/**************** Footer */
#footer{
	margin:2em 0;
	font-size:.9em;
	color:#666;
	border-top:3px solid #3A75C4;
	padding:1em 0;
}

/**************** Login page */
#login{
	background:url(/images/admin/header_bg.jpg) no-repeat right bottom;
}
#login #header{
	background:none;
	width:300px;
	margin:2% auto 0;
}
#login #content{
	width:300px;
	margin:0 auto 5em;
	background:#EAE7CB;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#333;
	text-align: left;
}
#login #content h2{
	border:none;
	font-family:'Gill Sans';
	padding:10px 20px;
	margin-bottom:0;
}
#login #content p{
	padding:0 20px;
	margin-bottom:1.5em;
}
#login fieldset{
	margin:0;
	padding:0;
}
#login fieldset label{
	width:240px;
	background:#fff;
	text-align:left;
	margin-left:20px;
	margin-bottom:5px;
	padding:2px 10px;
	line-height:1.8em;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:1.1em;
}
#login fieldset input.text{
	width:248px;
	padding:5px 5px;
	margin-left:20px;
	font-size:1.3em;
}
#login fieldset input.btn{
	float:right;
	margin-right:15px;
}
#login .msg{
	margin:5px 25px 1.5em;
}
#login fieldset .msg{
	margin-top:0;
}
#login fieldset .msg-error-top{
	margin:5px 30px -1px;
}

/******** Pagination control ***/
.paginationControl{
	margin: 0;
	text-align: center;
	padding: 0;
}
.paginationControl a, .paginationControl span{
	padding: 2px;
	font-size: 1.1em;
}
.paginationControl span.active{
	font-weight: bold;
}