scary.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {font-size: 100.01%;}
html {font-size: 62.5%;}
body{
	margin:0;
	font:1em Arial, Helvetica, sans-serif;
	color:#c9c9c9;
	background:#fff;
	min-width:980px;
}
img {border:0;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input,textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
a{
	color:#898989;
	text-decoration:none;
}
a:hover{text-decoration:none;}
header, footer, article, section, hgroup, nav, figure { display: block; }
#wrapper{
	width:100%;
	position:relative;
}
header{
	position:relative;
	z-index:3;
	width:100%;
}
.header-holder{
	width:100%;
	height:70px;
	background: #606060;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.07, rgb(96,96,96)),
	color-stop(1, rgb(49,49,49))
	);
	background-image: -moz-linear-gradient(
	center bottom,
	rgb(96,96,96) 7%,
	rgb(49,49,49) 100%
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131', EndColorStr='#707070');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131', EndColorStr='#707070')";
}
.header-frame{
	width:980px;
	margin:0 auto;
}
.header-holder:after,
.header-frame:after{
	content:'';
	clear:both;
	display:block;
}
.logo{
	background:url(../images/bg-logo.png) no-repeat;
	margin: 2px 0 0 0;
	float:left;
	overflow:hidden;
	width:149px;	
	height:61px;
	text-indent:-9999px;
}
.logo a{
	height:100%;
	display:block;
	position:relative;
}

/*-------------------------- navigation section ------------------------------------------- */


#nav{
	float:left;
	margin:39px 0 0 18px;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
}
#nav li{
	position:relative;
	float:left;
	margin:0 3px 0 0;
	padding:5px 5px 0;
	height:26px;
	background: #525252;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.07, rgb(82,82,82)),
	color-stop(1, rgb(49,49,49))
	);
	background-image: -moz-linear-gradient(
	center bottom,
	rgb(82,82,82) 7%,
	rgb(49,49,49) 100%
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131', EndColorStr='#525252');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#313131', EndColorStr='#525252')";
}
#nav li a:not(.group_button){float:left;}
#nav li:hover,
#nav li.hover,
#nav li.active{
	background:#171717;
	filter:none;
}
#nav li:hover a,
#nav li.hover a,
#nav li.active a{
	text-decoration:none;
	color:#fff;
}
#nav li.users a{
	background:url(../images/ico1.png) no-repeat;
	margin:0 0 0 13px;
	padding:0 10px 0 29px;
}
#nav li.payments a{
	background:url(../images/ico2.png) no-repeat;
	margin:-2px 0 0 5px;
	padding:3px 11px 0 36px;
}
#nav li#settings a:not(.group_button){
	background:url(../images/ico3.png) no-repeat;
	margin:1px 0 0 8px;
	padding:0 10px 2px 27px;
}
#nav li#settings:hover,
#nav li#settings.hover{
	cursor:pointer;
	background:#fff;
}
#nav li#settings:hover a,
#nav li#settings.hover a{
	color:#353535;
}
#nav li#settings:hover a em,
#nav li#settings.hover a em{
	background:url(../images/bullet8.gif) no-repeat 100% 7px;
}
#nav li a em{
	float:left;
	font-style:normal;
	background:url(../images/bullet.gif) no-repeat 100% 7px;
	padding:0 9px 0 0;
	cursor:pointer;
}
#nav li.hover,
#nav li:hover{position:relative;}
#nav li.hover .nav-drop,
#nav li:hover .nav-drop{display:block;}
.nav-drop{
	width:237px;
	position:absolute;
	left:0;
	top:100%;
	z-index:100;
	display:none;
	padding:18px 0 10px 25px;
	background:#fff;
	box-shadow: 3px 3px 3px #dcdcdc, -3px 0 3px #dcdcdc;
	-webkit-box-shadow: 3px 3px 3px #dcdcdc, -3px 0 3px #dcdcdc;
	-moz-box-shadow: 3px 3px 5px #dcdcdc, -3px 0 3px #dcdcdc;
	filter:
	progid:DXImageTransform.Microsoft.Shadow(color='#dcdcdc', Direction=150, Strength=6)
	;
}
#nav .nav-drop ul{
	overflow:hidden;
	width:204px;
	font:0.9em/1em Arial, Helvetica, sans-serif;
	padding:0;
}
#nav .nav-drop ul li{
	float:none;
	border-top:1px solid #dcdcdc;
	background:none;
	overflow:hidden;
	height:1%;
	margin:0 0 6px;
	padding:7px 0 0;
	filter:none;
	vertical-align:top;
}
#nav .nav-drop ul li:first-child{border:none;}
#nav li#settings .nav-drop ul li a:not(.group_button){
	color:#353535;
	padding:3px 0 3px 33px;
	background:url(../images/ico9.gif) no-repeat;
	margin:0;
}
#nav li#settings .nav-drop ul li a.ico1{background-position:0 0;}
#nav li#settings .nav-drop ul li a.ico2{background-position:0 -20px;}
#nav li#settings .nav-drop ul li a.ico3{background-position:0 -40px;}
#nav li#settings .nav-drop ul li a.ico4{background-position:0 -60px;}
#nav li#settings .nav-drop ul li a.ico5{background-position:0 -80px;}
#nav li#settings .nav-drop ul li a.ico6{background-position:0 -100px;}
#nav li#settings .nav-drop ul li a.ico7{background-position:0 -120px;}
#nav li#settings .nav-drop ul li a.ico8{background-position:0 -140px;}
#nav li#settings .nav-drop ul li a.ico9{background-position:0 -160px;}
#nav li#settings .nav-drop ul li a:hover{text-decoration:underline;}
.header-block{
	float:right;
	min-width:321px;
	padding:9px 0 0;
}
.header-block .row{
	height:1%;
	margin:0 0 4px;
	padding:0;
	font-size:12px;
}
.header-block .row:after {
	content:'';
	clear:both;
	display:block;
}
.header-block .row .user{
	background:url(../images/ico1.png) no-repeat 14px 4px;
	padding:8px 9px 6px 41px;
	margin:0 0 0 2px;
	float:left;
	position:relative;
}
.header-block .row .user:hover{
  background:#fff url(../images/ico1.png) no-repeat 14px 4px;
  box-shadow: 0px 2px 2px #dcdcdc;
  -webkit-box-shadow: 0px 2px 2px #dcdcdc;
  -moz-box-shadow: 0px 2px 2px #dcdcdc, -2px 0 2px #dcdcdc;  
}

.header-block .row .user:hover a,
.header-block .row .user:hover .user-drop,
.header-block .row .user:hover a.delete{background:url(../images/ico24.png) no-repeat;}






.user-drop{
	background:#fff;
	width:218px;
	position:absolute;
	left:0;
	top:28px;
	z-index:2;
	display:none;
	padding:26px 0 26px 27px;
	box-shadow: 2px 2px 2px #dcdcdc;
	-webkit-box-shadow: 2px 2px 2px #dcdcdc;
	-moz-box-shadow: 2px 2px 2px #dcdcdc, -2px 0 2px #dcdcdc;
}
.user-drop ul{width:201px;}
.user-drop ul li{
	border-bottom:1px solid #dcdcdc;
	margin:0 0 7px;
	padding:0 0 3px;
}
.header-block .row .user-drop ul li a{
	background:none;
	color:#353535;
	float:none;
	font-size:14px;
	padding:0 0 0 32px;
}
.header-block .row .user-drop ul li a.ico1{background:url(../images/ico25.gif) no-repeat 5px 50%;}
.header-block .row .user-drop ul li a.ico2{background:url(../images/ico5.gif) no-repeat 1px -385px;}
.header-block .row .user-drop ul li a.ico3{background:url(../images/ico5.gif) no-repeat 3px -1004px;}
.header-block .row .user-drop ul li a:hover{text-decoration:underline;}
.header-block .user a{
	float:left;
	background:url(../images/bullet13.png) no-repeat 100% 4px;
	color:#fff;
	cursor:pointer;
	padding:0 19px 0 0;
	margin:0 4px 0 0;
}
.header-block .row a.delete{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico24.png) no-repeat;
	width:12px;
	height:13px;
	padding:0;
}
.header-block .row .project{
	background:url(../images/ico26.png) no-repeat 14px 6px;
	padding:7px 5px 7px 38px;
	float:right;
	position:relative;
	
}

.header-block .row .project a{
  color: #fff;
}



/*--------------------------project / group lightbox--------------------------------------------*/

.project-lightbox_holder{
	padding: 0px 30px;
	min-width: 400px;
	max-height: 400px;
	overflow: auto;
}



.project-lightbox h3{
  font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
  color:#464646;
}

.project-lightbox h3.recent {
  margin:35px 0 1px 5px;
}

.project-lightbox h3.current {
  margin:15px 0 11px 5px;
}



.project-lightbox .project-form{
  padding:1px 0 0 1px;
}
.project-lightbox .project-form .field{
  border-bottom:1px solid #e8e8e8;
  padding:0 0 1px 6px;
  width: 90%;
}


.project-lightbox .field.check .field_title {
    width: 250px;
}

.project-lightbox .field.check  a.project_link {
  font:0.8em/0.6em Arial, Helvetica, sans-serif;
  background: none;
  color: #525252;
}

.project-lightbox .field.check a.project_link:hover {
  background: none;
  color: #7AA324;
  text-decoration: line;
}

.current_proj a{
  font-weight: 700;
  color: #7AA324;
}

#sel_multi_proj_all:hover{
  border:1px solid #a7cc2a;
  background: #a8cc2d;
  color: #FFFFFF;
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.07, rgb(141,173,33)),
  color-stop(1, rgb(222,236,175))
  );
  background-image: -moz-linear-gradient(
  center bottom,
  rgb(141,173,33) 7%,
  rgb(222,236,175) 100%
  );
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8dad21', EndColorStr='#8dad21');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#deecaf', EndColorStr='#deecaf')";
}

#sel_multi_proj_all{
  float: right;
}



.project-lightbox .popup-buttons{
  overflow:hidden;
  height:1%;
  font:bold 12px/17px Arial, Helvetica, sans-serif;
  padding:7px 0 3px 2px;
  background:#e9e9e9;
  margin:0 0 0 -7px;
}


/* All groups lightbox */
#project_disp_div{
}

#project_disp_div form,
{
  padding: 1px 20px;
  max-height: 300px;
}



/*--------------------------- project / group dropdown ------------------------------------------- */
.project-drop{
	background:#fff;
	width:321px;
	position:absolute;
	left:-173px;
	top:28px;
	z-index:2;
	display:none;
	padding:0 0 0 7px;
	box-shadow: 2px 2px 2px #dcdcdc;
	-webkit-box-shadow: 2px 2px 2px #dcdcdc;
	-moz-box-shadow: 2px 2px 2px #dcdcdc, -2px 0 2px #dcdcdc;
}



.project-drop h3{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	color:#464646;
}

.project-drop h3.recent {
  margin:35px 0 1px 5px;
}

.project-drop h3.current {
  margin:15px 0 11px 5px;
}



.project-drop .project-form{
	padding:1px 0 0 1px;
}
.project-drop .project-form .field{
	border-bottom:1px solid #e8e8e8;
	padding:0 0 1px 6px;
	width: 90%;
}


.project-drop .field.check .field_title {
    width: 250px;
}

.project-drop .field.check  a.project_link {
  font:0.8em/0.6em Arial, Helvetica, sans-serif;
  background: none;
  color: #525252;
}

.project-drop .field.check a.project_link:hover {
  background: none;
  color: #7AA324;
  text-decoration: line;
}

.current_proj a{
  font-weight: 700;
  color: #7AA324;
}


#sel_multi_proj{
  float: right;
}

#sel_multi_proj:hover,
#view_all_projects:hover{
  border:1px solid #a7cc2a;
  background: #a8cc2d;
  color: #FFFFFF;
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.07, rgb(141,173,33)),
  color-stop(1, rgb(222,236,175))
  );
  background-image: -moz-linear-gradient(
  center bottom,
  rgb(141,173,33) 7%,
  rgb(222,236,175) 100%
  );
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8dad21', EndColorStr='#8dad21');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#deecaf', EndColorStr='#deecaf')";
}

#view_all_projects{
  float: left;
}



.project-drop .popup-buttons{
	overflow:hidden;
	height:1%;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	padding:7px 0 3px 2px;
	background:#e9e9e9;
	margin:0 0 0 -7px;
}

.header-block .row .project-drop.active{display:block;}
.header-block .row .project.active  a{
	color:#353535;
	text-decoration:none;
}

.header-block .row .project:hover{
	font-weight: 700;
}

.header-block .row .project:hover a{
	text-decoration:none;
}

.header-block .row .project.active{
  background:#fff url(../images/ico26.png) no-repeat 14px 6px;
  box-shadow: 2px 2px 2px #dcdcdc;
  -webkit-box-shadow: 2px 2px 2px #dcdcdc;
  -moz-box-shadow: 2px 2px 2px #dcdcdc, -2px 0 2px #dcdcdc;  
}

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


.no_results{
    color: #565656;
    font-size: 1.4em;
    font-weight: bold;
    margin: 15px auto 10px;
    text-align: center;
}




.form-box{
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:256px;
	float:left;
	padding:0 8px 0 11px;
}
.form-box .submit{
	float:right;
	background:url(../images/ico5.gif) no-repeat 0 -33px;
	width:15px;
	height:15px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
	padding:0;
	margin:6px 0 0;
	border:none;
}
.form-box .text{
	float:left;
	color:#898989;
	font:italic 13px/16px Arial, Helvetica, sans-serif;
	background:none;
	border:none;
	width:230px;
	padding:4px 0;
	margin:0;
}
.search-form .row {margin:0 0 0 13px;}
.search-form .row a.cross{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico5.gif) no-repeat 0 -13px;
	width:19px;
	height:20px;
	margin:3px 6px 0 0;
	padding:0;
}
#main{
	width:100%;
	background:url(../images/bg-main.gif) repeat-x;
	margin:0 0 150px;
	position:relative;
	z-index:1;
}
.main-holder{
	margin:0 auto;
	width:960px;
	position:relative;
	/*padding:0 0 100px;*/
}

.main-holder:after {
	content:'';
	clear:both;
	display:block;
}
#main h2.main-title{
	margin:0;
	font:bold 2.2em/2em Arial, Helvetica, sans-serif;
	color:#363636;
	padding:17px 0 0;
}
#main h2.main-title span{font-weight:normal;}



/*--------------------------------------- alerts -------------------------------------------------------- */

#control_loading{
  float: left;
  margin: 17px 0 0 7px;
  background:#e3ffac url(/reg/admin/images/ajax_loader_small.gif) no-repeat;
  width: 21px;
  height: 21px;
  
}




#m_alert{
	position:absolute;
	left:0;
	top:173px;
	width:100%;
	height:34px;
	text-align:left;
	z-index:-1;
}
#m_alert li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
}
#m_alert .alert_box{
	display:inline-block;
	min-width:151px;
	max-width:500px;
	z-index:100;
	font:13px/15px Arial, Helvetica, sans-serif;
	color:#252525;
	padding:8px 15px 10px 66px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align:left;
}
* +html .alert_box{display:inline;}
.alert_box#msg_success{
	background:#e3ffac url(../images/ico17.gif) no-repeat 20px 6px;
	border:1px solid #a8de62;
}
.alert_box#msg_error{
	background:#f9dbcf url(../images/ico18.gif) no-repeat 20px 6px;
	border:1px solid #cb3d0b;
}
.alert_box#msg_info{
	background:#d5effc url(../images/ico19.gif) no-repeat 20px 6px;
	border:1px solid #a2d6f0;
}
.alert_box#msg_warning{
	background:#faf4b2 url(../images/ico20.gif) no-repeat 20px 9px;
	border:1px solid #fcca1f;
}
.alert_box#msg_loading{
	background:#fff url(/reg/admin/images/ajax_loader_small.gif) no-repeat 15px 7px;
	border:1px solid #d6e6b5;
	color:#8eba2f;
	padding:10px 15px 8px 60px;
	font-weight: 700;
	min-width:100px;
}






.loading-box{
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	display:none;
}
.loading-box .holder{
	margin:189px auto 0;
	background:url(../images/bg-loading-box.png) no-repeat;
	width:176px;
	height:50px;
	padding:20px 0 0 48px;
	z-index:100;
}
.holder {
	float: left;
}
.holder input {
	width: 85px;
}

.loading-box img{
	float:left;
	margin:0 21px 0 0;
}
.loading-box span{
	float:left;
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#303030;
	margin:7px 0 0;
}









.totals{
	float:right;
	border:1px solid #dadada;
	border-bottom:none;
	border-right:2px solid #dadada;
	height:49px;
}
.controls .totals a{
	color:#7f7f7f;
	font:bold 1.5em/1.2em Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
}
.totals a.total-reports{
	background:url(../images/ico5.gif) no-repeat 0 -48px;
	padding:5px 0 3px 34px;
	margin:12px 18px 0 14px;
}
.totals a.shedule{
	background:url(../images/ico5.gif) no-repeat 0 -183px;
	padding:11px 0 6px 42px;
	margin:6px 18px 0 12px;
}


.hide {
	display: none;
}

.red {
	color:#CC0000;
}

.green {
	color:#4F9C15;
	
}