* { margin:0; padding:0;}
body { background:#ebebeb; font-size:100%; line-height:1em; font-family:Arial; color:#7a7a7a; font-size:0.75em; line-height:1.33em; text-align:center}

.top-bg {background:url(top_bg.gif) repeat-x center top #fff}
.right-bg {background:url(right_bg.jpg) repeat-x center top ; height:435px; width:50%; right:0; top:0; position:absolute}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#7a7a7a; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}

ul.list-1 {margin-top:4px}
ul.list-1 li { line-height:2em; background:url(list_bg.gif) repeat-x bottom}
ul.list-1 li a{text-decoration:none; font-weight:bold; color:#db4307; background:url(marker_list.gif) no-repeat 0 4px; padding-left:10px}
ul.list-1 li a:hover{ text-decoration:none; color:#328f14}

ul.list-2 {margin-top:4px}
ul.list-2 li { line-height:2em; background:url(list_bg2.gif) repeat-x bottom}
ul.list-2 li a{text-decoration:none; font-weight:bold; color:#db4307; background:url(marker_list.gif) no-repeat 0 4px; padding-left:10px}
ul.list-2 li a:hover{ text-decoration:none; color:#328f14}

ul li.none {background:none}
.list-indent {margin:0 0 20px 0}

.li {width:247px; height:26px}
.li2 {width:163px; height:26px}
/*==========================================*/

a {text-decoration:underline; color:#db4307}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#b9f582}
a.link:hover {text-decoration:none}

a.link-2 {text-decoration:underline; color:#fff; font-weight:bold}
a.link-2:hover {text-decoration:none}

a.link-3 {text-decoration:none; font-weight:bold; color:#db4307; background:url(marker_list.gif) no-repeat 0 4px; padding-left:10px}
a.link-3:hover{ text-decoration:none; color:#328f14}

h4 {color:#7a7a7a; font-size:1em;  text-transform:uppercase; margin:0 0 4px 0}

.clear { clear:both;}
.fright {float:right}

p {margin:0 0 16px 0}
.p1 {margin:0 0 5px 0}
.p2 {margin:0 0 25px 0}
.p3:first-line {color:#7a7a7a; font-size:1em; text-transform:uppercase; font-weight:bold}

/*header*/
#header { height:300px; background:url(header_bg.jpg) no-repeat 0 0}

.logo {position:absolute; margin:116px 0 0 40px}

ul.menu {margin:0px; padding:0px; list-style:none; font-size:1.18em; padding-left:38px}
ul.menu li { line-height:1em; background:url(menu_separator.gif) no-repeat right 23px; float:left}
ul.menu li.none {background:none}
ul.menu li a{text-decoration:none; color:#fff; padding:25px 30px 19px 30px; display:block}
ul.menu li a:hover{ text-decoration:none; background:url(marker_menu_hover.gif) no-repeat center bottom; color:#69c118}
ul.menu li a.hover{ text-decoration:none; background:url(marker_menu_hover.gif) no-repeat center bottom; color:#69c118}

.header-box { margin:202px 0 0 70px; background:url(header_box.jpg) no-repeat 0 0; width:567px; height:149px; position:absolute}

.box-title {background:url(title_bg.jpg) repeat-x top; margin:2px 3px 0 2px}
.box-title .left {background:url(title_left.jpg) no-repeat left top}
.box-title .right {background:url(title_right.jpg) no-repeat right top; width:100%; height:35px}
.box-title img {margin:12px 0 0 22px}
.header-box .indent {padding:20px 0 0 23px}
.header-box .form-col-1 {width:63px; height:27px}
.header-box .form-col-2 {width:209px; height:27px}
.header-box .form-col-3 {width:69px; height:27px}
.header-box .form-col-4 {width:177px; height:27px}

.search {margin:0 4px 0 2px; vertical-align:middle}

.font-1 {color:#b9f582}
.font-2 {line-height:2.2em}
.font-3 {color:#db4307}
.font-4 {color:#fff}
.font-5 {color:#b9f582}

/*content*/
#content {}
.title {margin-bottom:10px}
.img {margin:0 0 13px 0}
.img-left {float:left; margin:0 20px 0 0}
.img2 {margin:0 3px 0 0}

.login {margin:14px 0 7px 0}

.indent-2 {padding:10px 42px 9px 36px}
.indent-4 {padding:14px 67px 30px 69px}

.col-1 .indent-1 {padding:14px 43px 20px 69px}
.col-1 .indent-2 {padding:14px 30px 20px 69px}
.col-1 .indent-3 {padding:0 48px 0 36px}

.inner {padding:0 0 20px 0; width:100%; overflow:hidden}
.inner2 {padding:2px 0 0 0}
.inner3 {padding:0 0 40px 0; width:100%; overflow:hidden}

.line {background:url(line_bg.gif) repeat-x top; height:20px}
.line-indent {margin-bottom:-10px}

/*footer*/
#footer { height:45px; color:#7a7a7a; font-weight:bold}
#footer .indent {padding:10px 40px 0 0; text-align:right}
#footer a {color:#7a7a7a; text-decoration:none; font-weight:bold}
#footer a:hover {text-decoration:underline}

.phones {float:right; margin:0 130px 0 0}
.checkbox {width:13px; height:13px; margin-right:5px}
.jump {width:174px; height:20px; color:#717171;}
.input-1 {width:165px; height:17px; color:#717171;}
input {width:245px;}
.div_input {height:28px}
textarea {width:245px; height:110px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; word-spacing:20px}

/*==================block====================*/
.box-indent {margin:3px 0 3px 0}
.box-indent2 {margin:3px 0 26px 0}

.box { background:#fff; width:100%}
.box .corner-top-left { background:url(corner_top_left.gif) left top no-repeat; width:100%}
.box .corner-top-right { background:url(corner_top_right.gif) right top no-repeat;}
.box .corner-bot-right { background:url(corner_bot_right.gif) right bottom no-repeat;}
.box .corner-bot-left { background:url(corner_bot_left.gif) left bottom no-repeat;}
.box .border-left {background:url(border.gif) repeat-y left}
.box .border-top {background:url(border.gif) repeat-x top}
.box .border-right {background:url(border.gif) repeat-y right}
.box .border-bot {background:url(bot_1.gif) repeat-x bottom}
.box .indent {padding:24px 24px 34px 24px}

.box-2 { background:#3a7504; color:#fff}
.box-2 .corner-top-left { background:url(corner_top_left2.jpg) left top no-repeat;}
.box-2 .corner-top-right { background:url(corner_top_right2.jpg) right top no-repeat;}
.box-2 .corner-bot-right { background:url(corner_bot_right2.jpg) right bottom no-repeat;}
.box-2 .corner-bot-left { background:url(corner_bot_left2.jpg) left bottom no-repeat; width:100%}
.box-2 .border-top {background:url(top_2.jpg) repeat-x top}
.box-2 .border-bot {background:url(bot_2.jpg) repeat-x bottom}
.box-2 .indent {padding:20px 26px 30px 24px}
.box-2 .indent-1 {padding:16px 20px 32px 24px}
.box-2 .indent-2 {padding:24px 26px 30px 24px}

.box-3 { background:url(right_3.jpg) repeat-y right #3a7504; color:#fff}
.box-3 .corner-top-left { background:url(corner_top_left3.jpg) left top no-repeat;}
.box-3 .corner-top-right { background:url(corner_top_right3.jpg) right top no-repeat;}
.box-3 .corner-bot-right { background:url(corner_bot_right3.jpg) right bottom no-repeat;}
.box-3 .corner-bot-left { background:url(corner_bot_left3.jpg) left bottom no-repeat; width:100%}
.box-3 .border-top {background:url(top_3.jpg) repeat-x top}
.box-3 .border-bot {background:url(bot_3.jpg) repeat-x bottom}
.box-3 .indent {padding:20px 26px 30px 24px}
.box-3 .indent-1 {margin:16px 20px 32px 24px}
.box-3 .indent-2 {padding:24px 26px 30px 24px}

.box-4 { background:url(right_4.jpg) repeat-y right #3a7504; color:#fff}
.box-4 .corner-top-left { background:url(corner_top_left4.jpg) left top no-repeat;}
.box-4 .corner-top-right { background:url(corner_top_right4.jpg) right top no-repeat;}
.box-4 .corner-bot-right { background:url(corner_bot_right4.jpg) right bottom no-repeat;}
.box-4 .corner-bot-left { background:url(corner_bot_left4.jpg) left bottom no-repeat; width:100%}
.box-4 .border-top {background:url(top_4.jpg) repeat-x top}
.box-4 .border-bot {background:url(bot_4.jpg) repeat-x bottom}
.box-4 .indent {padding:20px 26px 30px 24px}
.box-4 .indent-1 {padding:16px 20px 32px 24px}
.box-4 .indent-2 {padding:24px 26px 30px 24px}

.box-5 { background:#ebebeb; width:100%}
.box-5 .corner-top-left { background:url(corner_top_left5.gif) left top no-repeat; width:100%}
.box-5 .corner-top-right { background:url(corner_top_right5.gif) right top no-repeat;}
.box-5 .corner-bot-right { background:url(corner_bot_right5.gif) right bottom no-repeat;}
.box-5 .corner-bot-left { background:url(corner_bot_left5.gif) left bottom no-repeat;}
.box-5 .border-left {background:url(border5.gif) repeat-y left}
.box-5 .border-top {background:url(top_5.gif) repeat-x top}
.box-5 .border-right {background:url(border5.gif) repeat-y right}
.box-5 .border-bot {background:url(border5.gif) repeat-x bottom}
.box-5 .indent {padding:24px 24px 34px 24px}


.box-title2 {background:url(title_bg2.jpg) repeat-x top; margin:0 4px 0 3px}
.box-title2 .left {background:url(title_left2.jpg) no-repeat left top}
.box-title2 .right {background:url(title_right2.jpg) no-repeat right top; width:100%; height:35px}
.box-title2 img {margin:12px 0 0 21px}

.box-title3 {background:url(title_bg2.jpg) repeat-x top; margin:0 4px 0 3px}
.box-title3 .left {background:url(title_left2.jpg) no-repeat left top}
.box-title3 .right {background:url(title_right3.jpg) no-repeat right top; width:100%; height:35px}
.box-title3 img {margin:12px 0 0 21px}

/*==========================================*/
.list_style
{
	width: 222px;
	height: 21px;
	display:block;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 35px;
	background-repeat: no-repeat;
}
.green_button
{
	display: block;
	height: 20px;
	width: 109px;
	background-image: url('green_button.jpg');
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	padding-top: 3px;
	text-decoration: none;
	text-align: center;
	*padding-top: 2px;
	
}
.red_button
{
	display: block;
	height: 21px;
	width: 66px;
	background-image: url('button_login.gif');
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 3px;
	padding-left: 0px;
	text-decoration: none;
	text-align: center;
}
.green_title
{
	font-size: 24px;
	color: #387204;
	margin: 10px;
	margin-left: 0px;
	font-weight: normal;
	
}
.greenbox_title
{
	font-size: 16px;
	padding-top: 10px;
	padding-left: 15px;
	color: white;
	font-weight: bold;
}
.submit_button
{
	width: auto;
	padding: 5px;
	color: black;
	font-weight: bold; 
}
.activity_domains
{
	height: 400px; 
	width: 100%;
	overflow: scroll;
}
.activity_domains label, .activity_domains input
{
	width: auto;
}
.activity_domains input
{
	margin: 5px;
}
.error, .success
{
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.success {
	color: #4F8A10;
	background-image:url('admin/success.png');
}
.error 
{
	color: #D8000C;
	background-image: url('admin/error.png');
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: 50px;;
    width: 80px;
    margin-top: -4px;
    border: 1px solid #70d017;
    padding: 10px 12px;
    color: black;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

#vscroller
{
	width: 280px;
	height: 150px;
	top:40px;
	position: relative;
	margin-left: 10px;
	color: white;
	padding: 5px;
}
#vscroller table td
{
	padding: 5px;
}
#vscroller h4
{
	color: white;
}