/* - - - - - - - - - - - - - - - - - - - - -

MANAGER 2.0 - One CSS to Rule Them All

- - - - - - - - - - - - - - - - - - - - - */

#container, #top, #bottom, #footer{
	width:960px;
}
#stage{
	padding:20px 20px 12px 20px;
}
#main{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-top:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.forms{
	background:#E5F0FF;
	border:1px solid #D5DFED;
}
.reports{
	background:#E9E9FF;
	border:1px solid #DADBEF;
}
#container .info{
	border-color:#fff;
	margin-bottom:4px;
}

.notice{
	text-align:center;
}
.notice b{
	font-weight:normal;
	color:#000;
}

h3#noResults{
	padding-top:7px;
}
h3#searching{
	text-align:left;
	color:#294A71;
}
.reports #searching{
	color:#2D3971;
}
#searching span{
	font-weight:normal;
	color:#000;
}
#main .search{
	float:left;
	padding:13px 0 0 15px;
}
#main .search label{
	font-weight:bold;
	display:inline-block;
	padding:0 0 2px 0;
}
.forms #sort, .forms .search label{
	background:#B3D7FF;
	color:#152531;
}
.reports #sort, .reports .search label{
	background:#CAC8F1;
	color:#23253E;
}
#main .search input{
	font-size:85%;
	padding-left:10px;
	margin-left:5px;
	-moz-border-radius:10px !important;
}
* html #main .search input{
	padding-left:0;
	padding-right:15px;
}
*+html #main .search input{
	padding-left:0;
	padding-right:15px;
}
#sort{
	padding:12px;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#sort label{
	display:inline-block;
	padding:0 0 4px 0;
}
#sort a{
	font-size:11px;
	font-weight:normal;
	color:#eee;
	padding:4px 6px;
	margin:0 4px 0 0;
	display:inline-block;
	text-decoration:none;
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.forms #sort a{
	background-color:#5999CC;
	border-color:#48779E;
}
.reports #sort a{
	background-color:#7A6EC5;
	border-color:#5C5293;
}
#container #sort a:hover{
	background-color:#FAE158;
	color:#222;
	border-color:#DFC94F;
}
#container #sort a:active{
	color:#222;
	background-color:#fff;
	border-color:#eee;
}
#container #sort a.selected{
	color:#000;
	background-color:#fff;
	border-color:#fff;
	cursor:default;
	font-weight:bold;
}


.group{
	position:relative;
	padding:0 20px 10px 20px;
	margin-top:20px;
}

.group h3{
	font-weight:bold;
	font-size:135%;
	padding:0 0 10px 0;
	text-align:center;
	color:#000;
}
.forms h3{
	text-shadow:#CFDCEE 1px 1px 1px;
}
.reports h3{
	text-shadow:#DADCFF 1px 1px 1px;
}
.group ul{
	height:1%;
	list-style:none;
}
.group li{
	position:relative;
	padding:4px 0 4px 0;
}
.group li:hover .actions, .group li.hover .actions, .group li.first .actions{
	display:block;
	zoom:1;
}
.draggable{
	cursor: move;
}

.group li.notActive .actions span{
	display:none;
}

.group li h4{
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#fff;
}

.group li h4 a{
	display:block;
	text-decoration:none;
	font-size:15px;
	line-height:36px;
	text-indent:33px;
	border:1px solid #ccc;
	border-left:none;
	border-top:none;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	font-weight:normal;
	height:1%;
}
.group li.first h4 a, .group li:hover h4 a, .group li.hover h4 a, .group li h4 a:hover{
	font-weight:bold;
	color:#000;
}

.group li h4 a b{
	color:#222;
}
.group li.first h4 a b, .group li.hover h4 a b{
	font-weight:normal;
}

.forms li h4 a{
	border-color:#B5BFCF;
	color:#162531;
	background:url('/images/icons/application_form.png') no-repeat 10px center;
}
.reports li h4 a{
	border-color:#B5BFCF;
	color:#24253E;
	background:url('/images/icons/report.png') no-repeat 10px center;
}

.forms li.alt h4{
	background-color:#B5D8F7;
}
.reports li.alt h4{
	background-color:#DBCBFF;
}
.forms li.first h4{
	background-color:#79BAF4;
}
.reports li.first h4{
	background-color:#B4A6E8;
}
.group li:hover h4 a, .group li.hover h4 a, .group li h4 a:hover{
	background-color:#FAE158;
	border-color:#DFC94F;
}

span.activeCheck{
	display:block;
	position:absolute;
	right:0;
	top:4px;
	height:36px;
	font-size:85%;
	line-height:36px;
	width:70px;
	background:#f5f5f5;
	text-align:center;
	border-left:1px solid #A5AEBB;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
}
* html span.activeCheck{
	padding-top:7px;
	height:29px;
}
.group li:hover span.activeCheck, .group li.hover span.activeCheck{
	border-color:#DFC94F;
}
.forms span.activeCheck{
	background:#fff;
}
.reports .alt span.activeCheck{
	background:#fff;
}
span.SSLCheck{
	display:block;
	position:absolute;
	right:71px;
	top:4px;
	height:36px;
	font-size:85%;
	line-height:36px;
	width:70px;
	background:#f5f5f5;
	border-left:1px solid #6FB1E8;
	text-align:center;
	border-right:1px solid #D3D3D3;
}
span.themeSelect{
	display:block;
	position:absolute;
	right:142px;
	top:5px;
	padding:0 10px 0 22px;
	height:36px;
	font-size:85%;
	line-height:36px;
	text-align:center;
	background:url(/images/icons/palette.png) no-repeat 0px center;
}
.forms span.themeSelect, 
.reports span.themeSelect{
	right:71px;
}

.group label{
	padding-right:4px;
}
*+html .group label{
	padding-right:0;
}
.firefox .group label{
	padding-right:1.5em;
}
.firefox .group span input{
	position:absolute;
	top:.9em;
	right:.9em;
}

.themeSelect select{
	width:130px;
	font-size:100%;
	height:19px;
	margin:8px 0 0 0;
	padding:1px 0 0 0;
	display:inline-block;
}
*+html .themeSelect select{
	font-size:11px;
	margin:0;
}

div.actions{
	background:#f2f2f2 url(/images/white-grad.png) repeat-x left top;
	border:1px solid #BBB;
	border-left:none;
	border-top:none;
	font-size:100%;
	margin:0 15px;
	padding:0 15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	display:none;
}
.forms h4 a, .forms .actions{
	-webkit-box-shadow:#A9C5DD 0px 1px 3px;
	-moz-box-shadow:#A9C5DD 0px 1px 3px;
}
.reports h4 a, .reports .actions{
	-webkit-box-shadow:#BBB9E1 0px 1px 3px;
	-moz-box-shadow:#BBB9E1 0px 1px 3px;
}

.actions a{
	display:inline-block;
	color:#444;
	line-height:30px;
	font-size:85%;
	text-decoration:none;
	margin:0 0 0 -3px !important;
	padding:0 7px 0 25px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:5px center;
}

.edit{background-image:url(/images/icons/pencil.png);}
.view{background-image:url(/images/icons/magnifier.png);}

.entries{background-image:url(/images/icons/table_multiple.png);}
.code{background-image:url(/images/icons/page_white_code.png);}
.subscribe{background-image:url(/images/icons/email.png);}
.payment{background-image:url(/images/icons/creditcards.png);}

.export{background-image:url(/images/icons/table_save.png);}
.protect{background-image:url(/images/icons/key.png);}

.dup{background-image:url(/images/icons/add.png);}
.del{background-image:url(/images/icons/delete.png);}

.noUpdate .del, .noUpdate .edit, .noUpdate .protect, .noUpdate .themeSelect, 
.noUpdate .activeCheck label,.noUpdate .activeCheck input, 
.noUpdate .SSLCheck label, .noUpdate .SSLCheck input,
.noUpdate .subscribe, .noUpdate .payment,
.noCreate .dup{
	display:none;
}


.dup, .del{
	float:right;
}

.group .actions a:hover{
	color:#000;
}
.group .actions a:active{
	color:#fff;
}

.forms .actions a:hover{
	background-color:#B9DCFF;
}
.reports .actions a:hover{
	background-color:#DAC8FF;
}

.forms .actions a:active{
	background-color:#63A5D7;
}
.reports .actions a:active{
	background-color:#9384CF;
}
.actions a.dup:hover{
	background-color:#BEDD69;
}
.actions a.del:hover{
	background-color:#FAA;
}
.actions a.dup:active{
	background-color:#60B337;
}
.actions a.del:active{
	background-color:#D9443A;
}


div.center{
	padding:15px 0 15px 0;
}
div.center button{
	padding:7px 10px;
	font-size:12px;
	width:auto;
	overflow:visible;
}

.footer{
	text-align:center;
	border:none;
}
.footer strong{
	color:#BF3E20;
}
.footer span{
	color:#578F1A;
	font-weight:bold;
}




#stats{
	margin:20px auto 0 auto;
}
*+html #stats{
	display:inline-block;
}
#stats table{
	font-size:100%;
	border:none;
	margin:0 auto 20px auto;
}
#stats table td{
	border:none;
	padding:0;
}
#stats select{
	margin:2px 0 0 0px;
	width:180px
}
#stats img{
	padding:3px 0 0 0;
}

.graph{
	width:560px;
	height:147px;
	padding:0 0 0 12px;
	line-height:147px;
	text-align:center;
	color:#222;
	background:#fff;
	border:1px solid #dedede;
	border-right:none;
	-webkit-border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-bottomleft:15px;
}

#graphMenu{
	margin:0;
	list-style:none;
	width:65px;
	border-bottom:1px solid #dedede;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
}
#graphMenu li{
	padding:0;
	font-size:85%;
	text-align:center;
	border:1px solid #dedede;
	border-bottom:none;
	border-left:none;
	background-color:#f5f5f5;
}
#graphMenu li a{
	margin:0 !important;
	height:34px;
	line-height:34px;
	padding:0;
	border:1px solid #f5f5f5;
	border-left:1px solid #dedede;
	display:block;
	color:#444;
	text-decoration:none;
	cursor:pointer;
}
#graphMenu li a:hover{
	background-color:#418AC8;
	border:1px solid #418AC8;
	color:#eee;
}
#graphMenu li a:active{
	font-weight:bold;
	color:#fff;
}
#graphMenu li.selected a{
	background-color:#FFF;
	border-left:none !important;
	font-weight:bold;
	color:#3B699F;
}
#graphMenu li.selected a:hover{
	background:#fff !important;
	border:1px solid #fff;
	cursor:default !important;
}

#todayGraph, #todayGraph a{
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
}
#yearGraph, #yearGraph a{
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
}