* {	padding: 0;	margin: 0;}

body { background-color:#ffffff ; font-size: small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }		

/* Link */
a, a:visited, a:active, a:link {text-decoration: none; color:#486d94}
a:hover {text-decoration: none; color:#489494}

img { border:none;}
hr {color:#cccccc; height:1px;}
ul li {margin: 2px; padding: 3px; list-style-type:disc; list-style-position:inside;}

.page-title {font-weight:bold;color:#336633}

.button {
  background-color:#C2CADA;
  border-width:1px;
  border-style:solid;
  cursor:hand;	
  height:20px;
}

/* fonts */
.small {font-size: 0.8em}

/* */
.invisible {display:none}
.bold { font-weight: bold;}
.red { color:red;}
.blue { color:blue;}
.yellow { color:yellow;}
.teal { color:teal;}
.navy { color:navy;}
.orange { color:orange;}
.gray { color:#ccc;}
.left-align {text-align:left}
.right-align {text-align:right}
.center-align {text-align:center}

fieldset { border: 1px solid #999999; padding: 5px;}
legend { height: 20px; border: 1px solid #999999; font-weight:bold; padding: 5px 20px 0px 20px; }
fieldset label { width: 120px; text-align:right; display: inline-block;}
fieldset p.submit { padding-left: 126px; padding-top: 5px; border-top: 1px solid #cccccc;}

th {text-align:left}
td {vertical-align:top}

table.list td{height:22px;vertical-align:middle;padding-left:5px}

/* datalist */
div.datalist-top-nav { padding-left: 5px;}
table.datalist { width: 100%; border: #ccc 1px solid;}
table.datalist th { font-weight: bold; background-color: #ddeeff;}
table.datalist tr.odd td { border: #dddddd 1px solid; background-color: #ffeeff;}
table.datalist tr.even td { border: #dddddd 1px solid; background-color: #eeffff;}

/* details */
table.data-details {}
table.data-details tr.odd td {background-color: #ffffff;}
table.data-details tr.even td {background-color: #ffffff;}
table.data-details tr td.label { width:150px; text-align:right;}
table.data-details tr td.control { width:600px;}

/* Pager */
div.pager { }
span.page-link { padding: 2px 5px 2px 5px; margin: 2px;}

div.tool_head {background: #eeeeee; border-left: 0px solid #dcddde; position: relative; padding: 3px 0 3px 5px;}
div.tool_head h3 {  font-size: 13px; line-height: 15px; padding: 0; margin: 0;}
div.tool_head h3 span.free { color: #FF0000; font-style:italic; }
div.tool_head p.desc { padding: 0; margin: 0; font-size: 12px;line-height: 16px;}

div.tool_content {background: #dcddde; margin: 0 0 5px 0}
div.tool_content form { margin: 0px 0 0 5px; padding: 0; }
div.tool_content p.input_desc { color: #636466; font-size: 12px; padding: 3px 0 3px 0; margin: 0; line-height: 13px;}
div.tool_content input.button { background: #3599c3; color: #FFFFFF; font-size:12px; width: 50px; padding: 0 5px; margin: 0; }
div.tool_content span.linkbutton { background-color:#3599c3; font-size :12px; width:150px; height :19px; display :block ; border :solid 1px white; margin-left :6px; margin-bottom :1px;}
div.tool_content span.linkbutton a { color:White ; text-decoration:none;  display :block ; text-align :center ; vertical-align :middle ;}

div.colorpanel { width:935px; height :100%; margin:20px 0; padding:10px 5px; border :solid 1px #ccc;}
div.colorpanel .remark { margin-top:10px; margin-bottom :10px; padding:5px 0; background-color:#F5F5FA; }
div.colorpanel a { color:#003366;}
div.colorpanel a:hover { text-decoration :underline; color:Blue;}
div.colorpanel .colorvalue {text-align:right ;}
div.colorpanel .textarea { width:910px;height:300px;}
table.table { width:910px; border-collapse :collapse ; border :solid 1px #ccc;}
table.table th { border :solid 1px #ccc; text-align :center ;  vertical-align :middle ; background-color :#F5F5FA; height :25px; }
table.table tr.odd { background-color:White ;}
table.table tr.oven { background-color:#F5F5FA ; }
table.table td { border :solid 1px #ccc;  vertical-align :middle ; padding-left :5px; height :25px; }

div.colorpanel .colorvalue span.block { width:150px; height :20px; display:inline-block ; border:solid 1px #ccc; margin-right :25px;}
div.colorpanel .colorvalue input { width:130px;}
div.colorpanel .colorselector { padding: 10px; background-color :#EFF8F8;}
div.colorpanel .colorselector span.color { width:62px; height :20px; display:inline-block ; border:solid 1px black; margin :4px 6px;}
div.colorpanel .colorselector span:hover { cursor:pointer ;}

div.colorpanel ol li { list-style-type :none ;margin-top:10px; margin-bottom:20px; }
div.colorpanel .title { text-decoration :underline; font-size:14px;}
div.colorpanel .titlesize { font-size :14px; }
div.colorpanel .titlecolor { color :#c60a00;}
div.colorpanel .title em { font-style :normal ;color:#c60a00;}
div.colorpanel span.www { color :#008000;}
div.colorpanel span.www cite { font-style :normal ; }
div.colorpanel span.www:hover { cursor :default ;}
div.colorpanel .link { color:red;}

div.colorpanel div.title{
	background-image:url("/Content/Images/Title_Bg.gif");
    background-repeat : repeat-x ;
	text-decoration: none;
	width:910px;
	line-height: 27px;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
div.titlepanel { width:935px; margin:20px 0; padding :10px 5px; border:solid 1px #ccc; text-align :center ;}
div.titlepanel form { margin-top:10px; padding :15px 0;  background-color:#F5F5FA; }
div.titlepanel form .text { width:200px; }
div.titlepanel table.result { width:400px;border-collapse :collapse ; border :solid 1px #ccc; margin :10px;}
div.titlepanel table.result th { border :solid 1px #ccc; border-bottom:none; text-align :center ;  vertical-align :middle ; background-color :#ECF5FF; height :25px;}
div.titlepanel table.result td { border :solid 1px #ccc;  vertical-align :middle ; padding-left :5px; height :25px;}


fieldset legend{ color: #231f20; height:20px;}
div.toolsectionnarrow { float: left; width: 100%; margin: 0 3px; }
div.toolsectionnarrow div.tool { margin: 0 0 10px 10px;}
legend { font-size: 14px; color: #231f20; font-weight: bold;}
legend span { font-size: 14px; color: #3780c3; font-weight: bold;}

#MenuTable tr { background-color : #3599c3;}
#MenuTable tr td{vertical-align:middle;color:#ffffff; height:28px;text-align:center;}

div#layout-wrapper { width:950px; margin:0 auto; background-color:#ffffff;}
div#layout-header { float:left;	width:950px; margin: 5px auto; text-align:center; padding-left:10px; padding-top: 5px;}

div#menu-bar { float:left; width:950px; margin:5px auto; padding-left:10px}
div#layout-content { float:left; width:950px; margin:5px auto; padding-left:10px}

div#layout-footer { float:left; width:950px; margin:5px auto; text-align:center; padding-left:10px;}
div#layout-menu { float:left; width:950px; margin:5px auto; text-align:center; padding-left:10px;}

#floatpanel{position:absolute;z-index:150; width:360px;height:200px; top:100px;left:200px; padding:0px; background-color:#FFFFE8; border:2px solid blue;}
#floatpanel div.caption { width:100%;height:26px;background-color:blue; }
#closeImg { float:right; cursor:pointer; }
#floatpanel table { margin:20px 10px; border-spacing:4px;  }
#floatpanel table input[type='text'] { height:18px;}
#floatpanel .button {background: #3599c3; color: #FFFFFF; font-size:12px; width: 50px; padding: 0 5px; margin: 0;}
#vcodeMsg { color:Red;}