﻿/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
}

input.login {
	margin: 5px 0;
	height:13px;
	width:80px;
	font-size:x-small;
	padding: 0 10px;
	border: 1px solid #386A9E;
}

input.login_btn {
	width:70px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px #386A9E solid;
	cursor:pointer;
	background-image:url('/images/login_back.jpg');
}

input, select { vertical-align:middle; font-weight:normal;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

a img { border:0;}

ul { list-style:none;}
ul .boxlist {
	line-height:22px;
	list-style-image:url('../images/phone.png');
	list-style-position:inside;
}

ul .boxlist_user {
	line-height:22px;
	list-style-image:url('../images/user.png');
	list-style-position:inside;
}

ul .boxlist_statusmessage {
	line-height:22px;
	list-style-image:url('../images/note.png');
	list-style-position:inside;
}

ul .boxlist_comment {
	line-height:22px;
	list-style-image:url('../images/comment.png');
	list-style-position:inside;
}

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


html, textarea
	{
		/*font-family:Georgia, Tahoma; */
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px;
		line-height:18px;
		color:#65737e;		
	}

a {color:#ea4808;}

td.login_logout {
	text-align:right;
	padding-right:20px;
}

tr.row_high:hover {
	/*background-color:#E4E6E8;*/
	background-color:#FEE0D6;
}

/*main layout */

#header {background:url("../images/header_bg.gif") top repeat-x;}
.menu {padding:39px 0 0 44px;}
.logo {margin-right:71px;}

.main { margin:0 auto;}

#middle { width:100%;}

#row2 {background:url("../images/row2_bg.gif") top repeat-x;}
#row2 .indent {padding:21px 0 18px 18px;}

#footer {padding-right:5px;}
#footer .main { width:876px; background:url("../images/footer_tall.gif") top repeat-x; font-family:tahoma; font-size:11px; color:#e5e7e9;}
#footer .right {background:url("../images/footer_right.gif") top right no-repeat;}
#footer .left {background:url("../images/footer_left.gif") top left no-repeat; width:876px; text-align:center; padding:14px 0 16px 0;}
#footer a {color:#e5e7e9; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.m1 {background:url("../images/m1_bg.gif") top left no-repeat; padding-left:17px; padding-right:20px; text-decoration:none; font-size:13px;}
.m1:hover {text-decoration:underline;}

.m2 {background:url("../images/m2_bg.gif") top right no-repeat; padding-right:13px;}

.box 			{background:url("../images/box_ttall.gif") top repeat-x #FFFFFF;}
.box .bot_left 	{background:url("../images/box_bl.gif") bottom left no-repeat;}
.box .bot_right {background:url("../images/box_br.gif") bottom right no-repeat;}
.box .top_left 	{background:url("../images/box_tl.gif") top left no-repeat;}
.box .top_right {background:url("../images/box_tr.gif") top right no-repeat; width:100%;}

.box2 				{background:#eef0f0 url("../images/box2_btall.gif") bottom repeat-x; line-height:16px;}
.box2 .righttall 	{background:url("../images/box2_rtall.gif") right repeat-y;}
.box2 .lefttall 	{background:url("../images/box2_ltall.gif") left repeat-y;}
.box2 .bot_left 	{background:url("../images/box2_bl.gif") bottom left no-repeat;}
.box2 .bot_right 	{background:url("../images/box2_br.gif") bottom right no-repeat;}
.box2 .top_left 	{background:url("../images/box2_tl.gif") top left no-repeat;}
.box2 .top_right 	{background:url("../images/box2_tr.gif") top right no-repeat;}
.box2 .toptall 		{background:url("../images/box2_ttall.gif") top repeat-x; width:100%;}
.box2 .shadow		{background:url("../images/shadow.gif") bottom left no-repeat;}
.box2 .shadow_onecolumn		{background:url("../images/shadow_oneclumn.gif") bottom left repeat-x;}


.bg1 {background:url("../images/bg1.jpg") top right no-repeat; padding-right:65px;}
.bg2 {background:url("../images/bg2.jpg") top right no-repeat; padding-right:65px;}

.bg3 {background:url("../images/bg2.jpg") top right no-repeat; padding-right:65px;}
.bg3:hover {background:url("../images/bg1.jpg") top right no-repeat; padding-right:65px;}

li {line-height:29px;}
li .sml {font-size:small;}
li a {color:#ea4808; text-decoration:none;}
/* li a {color:#65737e; text-decoration:none;} */
li a:hover {color:#ea4808;}

/* index */

#index #row1 .indent {padding:45px 0 0 0;}
#index .box2 {margin-bottom:8px;}
#index .box2 .padding {padding:18px 25px 16px 23px;}

#index #row2 .column1 .padding {padding:25px 0 0 28px;}
#index #row2 .column2 .padding {padding:25px 0 0 29px;}
#index #row2 .column3 .padding {padding:25px 0 20px 29px;}

#index #row2 .column2 .col1 {width:105px;}
#index #row2 .column2 .col2 {width:70px;}
#index #row2 .column3 .col1 {width:250px;}

#form1 .row {height:34px;}
#form1 .input {width:173px; height:19px; border:1px solid #e4e6e8; background:#f5f6f7; padding:0 0 0 5px; color:#4a545d;}

.red {color:#ea4808;}
/* index-1 */

#index_1 #row1 .indent {padding:45px 0 0 0;}
#index_1 .box2 {margin-bottom:8px;}
#index_1 .box2 .padding1 {padding:18px 25px 15px 23px;}
#index_1 .box2 .padding2 {padding:18px 25px 14px 22px;}
#index_1 .box2 .padding3 {padding:18px 25px 16px 22px;}

#index_1 #row2 .column1 .padding {padding:25px 10px 20px 26px;}
#index_1 #row2 .column2 .padding {padding:25px 0 19px 29px;}

/* index-2 */

#index_2 #row1 .indent {padding:45px 0 0 0;}
#index_2 .box2 {margin-bottom:8px;}
#index_2 .box2 .padding {padding:18px 25px 16px 23px;}

#index_2 #row2 .column1 .padding {padding:25px 10px 20px 27px;}
#index_2 #row2 .column2 .padding {padding:25px 0 19px 29px;}

#index_2 #row2 .column2 .col1 {width:171px;}
#index_2 #row2 .column2 .col2 {width:149px;}


/* index-3 */

#index_3 #row1 .indent {padding:45px 0 0 0;}
#index_3 .box2 {margin-bottom:8px;}
#index_3 .box2 .padding1 {padding:18px 25px 15px 23px;}
#index_3 .box2 .padding2 {padding:18px 25px 14px 22px;}
#index_3 .box2 .padding3 {padding:18px 25px 16px 22px;}

#index_3 #row2 .column1 .padding {padding:25px 10px 19px 28px;}
#index_3 #row2 .column2 .padding {padding:25px 0 17px 29px;}

#index_3 #row2 .column2 .col1 {width:191px;}
#index_3 #row2 .column2 .col2 {width:225px;}

form .row {height:35px;}
form .ta {height:85px;}

.input {width:172px; height:20px; border:1px solid #e4e6e8; background:#f5f6f7; padding:0 0 0 5px; color:#4a545d;}
textarea {width:217px; height:55px; border:1px solid #e4e6e8; background:#f5f6f7; padding:0 0 0 5px; color:#4a545d; overflow:auto}
form .div {text-align:right; padding:7px 0 0 0;}

/* index-5 */

#index_4 .box2 .padding {padding:18px 20px 18px 23px;}

#index_4 #row1 .indent {padding:45px 0 0 0;}

#index_4 #row2 .indent {padding:21px 23px 18px 18px;}
#index_4 #row2 .box .padding {padding:25px 10px 20px 28px;}


