/****** General Styles ******/
* { line-height:130%; }
html { border:0; border-right:1px solid #fff; }
body { margin:0; padding:0; background:#fff; }
body>table,body>div { margin-left:auto; margin-right:auto; clear:both; }
form,div,img,td,dl,dt,dd,h1,h2,h3,h4,h5,p,ul,li { padding:0; margin:0; border:0; }
b,strong { font-weight:bold; }
body,table{ color:#333; font:12px tahoma,verdana,arial,helvetica,"??",sans-serif; }
a { text-decoration:underline; color:#333; }
a:hover { color:#f00; text-decoration:none; }
a:focus { -moz-outline-style:none; }
textarea { padding:2px; background-color:white; border:1px solid #ccc; }
select { background:white; border:1px solid #ccc; }
ul { list-style:none; }
/*input.text { height:18px; line-height:16px; background-color:white; }*/
input.button { height:20px; line-height:18px; padding:0 5px 0; background-color:white; border:1px solid #ccc; cursor:pointer; }
input.button-submit { height:20px; line-height:18px; padding:0 5px 0; background-color:white; border:1px solid #ccc; cursor:pointer; color:red; }
.black { color:#000; }
.bigfont{font-size: 10.5pt;border:1;} 

/****** Sortable Styles ******/
/* a style which makes div touch the bottom of content */
.clear { border:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }
/* clearFloat */
.clearFloat:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
.clearFloat { display:inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearFloat { display:block; }
/* End hide from IE-mac */


.header{float:left; width:100%;}
.headerimg{float:left; width:100%; height:60px; }
.headertitle{ width:100%; background:url(images/leave/title_5.gif) no-repeat; background-position:center; height:70px; border-bottom:5px solid #0099FF; border-top:5px solid #0099FF;}
.headtext a{ color:#006600; font-weight:bold; float:right; background:url(images/leave/mail.gif) no-repeat; padding-left:20px; margin-top:30px; margin-right:30px;}
.headtext a:hover {color:#990000;}

.body{float:left; width:100%; border:1px solid #ccc;}
.content{ float:left; width:100%; margin-top:10px;}
.content ul{}
.content ul li{ float:left; border-bottom:3px solid #0099FF; width:100%; padding-bottom:10px;}
.contitle{ float:left; width:100%; background-color:#E4E4E4; }
.titletext{float:left; height:25px; border-right:1px solid #666666; padding-top:4px; padding-left:10px; padding-right:10px;}
.titletext a{ color:#0033FF;}
.conmain{ font-size:16px; LETTER-SPACING: 1pt; padding:10px; vertical-align:middle; margin:5px; margin-left:20px; margin-right:20px;}
.conmaintitle{font-size:14px; color:#666666;}
.adminreply{float:left; width:100%; background:url(images/leave/topic-announce.gif) no-repeat; padding-left:37px; font-size:15px; color:#0000FF; margin:10px; padding-right:40px; margin-right:-40px;}
.webreply{float:left; width:100%;}
.webreply ul{ }
.webreply ul li{ background:url(images/leave/arrow1.gif) no-repeat; width:100%; border:0px; padding-left:37px; margin-left:10px;  padding-right:40px; margin-right:-40px;}

.pagefoot{ width:100%; background-color:#E4E4E4; height:40px; text-align:center; padding-top:10px;}
.issue{ width:100%; margin-top:50px; float:left; border-bottom:1px solid #666666;}
.issueheader{float:left; width:100%; height:30px; background-color:#0099FF; padding-left:10px; padding-top:7px; color:#FFFFFF; font-weight:bold;}
.issuetitle{float:left; width:100%; background-color:#E4E4E4; text-align:center;}
.issuetext{float:left; height:30px; padding-top:3px; border-right:1px solid #666666; padding-left:10px; padding-right:10px;}
.issuecontent{float:left; width:100%; border-top:1px solid #666666; border-bottom:1px solid #666666;}
.issuecontentname{float:left; width:73px; height:110px;  padding-top:3px; border-right:1px solid #666666; text-align:center;}
.issuecontenttext{float:left; width:70%; height:100px; margin-top:5px; margin-left:10px;}
.issuebtn{border:1px solid #000000; background-color:#999999; margin-top:10px; margin-bottom:10px; height:30px; width:80px; font-weight:bold;}

.relay{position:absolute; float:left; width:600px; height:230px; z-index:3; overflow:hidden; top:100px; left:100px;}
.fheader{ width:600px; height:31px; float:left;}
	.fheaderleft{ float:left; width:6px; height:31px; background:url(images/flow_header_left.gif) no-repeat;}
	.fheaderright{ float:left;  width:7px; height:31px; background:url(images/flow_header_right.gif) no-repeat;}
	.fheaderbg{ float:left; width:587px; height:31px; background:url(images/flow_header_bg.gif); padding-top:7px;}
.fbody{ border:1px solid #E4E4E4; width:600px; height:299px; background-color:#ffffff; filter: Alpha(Opacity=100); word-break:break-all;}

.footer{width:100%; height:50px; padding-top:20px;}
