﻿body
{
    font-size: 11px;
    color: #333333;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
    /*background-image: url(images/bg_grey_shade.jpg);*/
    background-color:#eeeeee;
    
    
}
/*p
{
    text-indent:15px;
    padding:10px 5px;
    line-height:150%;
}*/
body#BodyFree
{
    font-size: 11px;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
    
    
}
body.bodylogin
{
    background-color:#ffffff;
}


/* link */
A:link
{
    color:#ff9933;
    text-decoration:none;
    
}
A:visited
{
    color:#ff9933;
    text-decoration:none;
    
}
A:active
{
    color: #ff9933;
    text-decoration: none;
}
A:hover
{
    color: #ff6600;
    text-decoration:underline;
}


A.linklanguage:link, a.linklanguage:visited {
 color: #333333;
  font-weight:bold;
 text-decoration: none;
}
A.linklanguage:hover 
{
    text-decoration:underline;
}

A.topmenu:link, a.topmenu:visited {
 color: #FFFFFF;
  font-weight:bold;
 text-decoration: none;
}
A.topmenu:hover 
{
    text-decoration:underline;
}
A.topmenuselected:link, a.topmenuselected:visited {
 color: #333333;
  font-weight:bold;
 text-decoration: none;
}
A.topmenuselected:hover 
{
    text-decoration:underline;
}

A.topsubmenu:link, a.topsubmenu:visited {
 color: #333333;
 text-decoration: none;
}
A.topsubmenu:hover 
{
    text-decoration:underline;
}

A.listmenu:link, a.listmenu:visited {
 color: #003399;
 text-decoration: none;
}
A.listmenu:hover 
{
    text-decoration:underline;
}

A.linklbodybold:link, a.linklbodybold:visited {
 color:#ff9933;
    text-decoration:none;
      font-size:13px;
    font-weight:bold;
    
}
A.linklbodybold:hover 
{
    text-decoration:underline;
}






table  
{
    width:100%;
border-collapse: collapse; border-spacing: 0; 
}
td 
  {
     padding: 0; 
}

table.mainbody
{
    width:990px;
}
table.mainbody td.top_left
{
        width:10px;
        height:10px;
    background-image: url(images/frame_top_left.gif);  
   
  
}
table.mainbody td.top_center
{
    height:10px;
    width:970px;
    background-color:#ffffff;
}
table.mainbody td.top_right
{
            width:10px;
        height:10px;
    background-image: url(images/frame_top_right.gif);  

}
table.mainbody td.middle_left
{
    height:520px;
    width:10px;
    background-color:#ffffff;
}
table.mainbody td.middle_center
{
    height:520px;
     width:970px;
    background-color:#ffffff;
    vertical-align:top;
}
table.mainbody td.middle_right
{
    height:520px;
        width:10px;
    background-color:#ffffff;
}

table.mainbody td.bottom_left
{
            width:10px;
        height:20px;
    background-image: url(images/frame_bottom_left.gif);  
}

table.mainbody td.bottom_right
{
                width:10px;
        height:20px;
    background-image: url(images/frame_bottom_right.gif);  
}
table.mainbody td.bottom_center
{
 
 width:970px;
        height:20px;        
    background-image: url(images/frame_bottom_center.gif);  
    background-repeat:repeat-x;
}

table.content
{
    width:98%;
}
table.content tr.head
{
    height:90px;
    
}

table.headinner td.left
{
    text-align:left;
    width:50%;
}
table.headinner td.right
{
    text-align:right;
    width:50%;
    vertical-align:bottom;
}

table.login
{
     width:493px;
        height:250px;    
        
        background-image: url(images/bg_login.jpg);
        background-repeat:no-repeat;
        
        
}
table.loginclear
{
      width:493px;
}


table.loginform
{
    width:90%;
    
    
}
table.loginform td.left
{
 
    width:40%;
    vertical-align:top;
    text-align:left;
}
table.loginform td.right
{
    width:60%;
    vertical-align:top;
    text-align:left;
}
table.loginform td.loginbutton
{
    width:60%;
    vertical-align:top;
    text-align:right;
}

table.topmenu td.menuleft
{
    width:4px;
    height:28px;
    background-image:url(images/topmenu_left.gif);   
    
}
table.topmenu td.menubody
{
        text-align:left;    
    height:28px;
    background-image:url(images/topmenu_body.gif);   
    padding: 0px 0px 0px 0px;
}
table.topmenu td.menuright
{
    
        width:4px;
    height:28px;
    background-image:url(images/topmenu_right.gif);   
}
table.topmenu td.submenuleft
{
    
        width:4px;
    height:29px;
    background-image:url(images/topsubmenu_left.gif);   
}
table.topmenu td.submenubody
{
    text-align:left;    
    height:29px;
    background-color:#eeeeee;
}
table.topmenu td.submenuright
{
            width:4px;
    height:29px;
    background-image:url(images/topsubmenu_right.gif);   
    
}

table.pagecontent td
{
    vertical-align:top;
}
table.pagecontent td.right
{
    width:280px;
    text-align:right;
    vertical-align:top;
}

table.pagedetail td
{
    vertical-align:top;
}
table.rightpanel
{
    width:270px;

}
table.rightpanel td.infobox
{
        height:225px;
    background-image:url(images/bg_infobox.jpg);
    background-position:right;
    background-repeat:no-repeat;
    vertical-align:top;
    text-align:center;
}
table.infoboxdetail
{
    width:80%;
    text-align:left;
    
}
table.infoboxdetail td
{
    height:25px;
}
table.infoboxdetail td.h45
{
    height:45px;
}

table.bluebarchart
{
    height:13px;
    width:154px;
}
table.bluebarchart td.left
{
    width:2px;
    background-image:url(images/barchart_left.gif);
}
table.bluebarchart td.body
{
    width:150px;
    background-image:url(images/bg_barchart_body.gif);
}
table.bluebarchart td.right
{
        width:2px;
    background-image:url(images/barchart_right.gif);
}
table.bluebarchartbody
{
    height:13px;
    background-image:url(images/barchart_body.gif);
}




table.redbarchart
{
    height:13px;
    width:154px;
}
table.redbarchart td.left
{
    width:2px;
    background-image:url(images/redbarchart_left.gif);
}
table.redbarchart td.body
{
    width:150px;
    background-image:url(images/bg_barchart_body.gif);
}
table.redbarchart td.right
{
        width:2px;
    background-image:url(images/barchart_right.gif);
}
table.redbarchartbody
{
    height:13px;
    background-image:url(images/redbarchart_body.gif);
}
table.menutopic
{
    background-image:url(images/bg_menutopic.gif);
    background-repeat:repeat-x;
}
table.menutopictext
{
    width:auto;
    background-color:#ffffff;  
}
table.menutopictext td
{
    padding:5px;
}
table.submenulisticon
{
    width:auto;
    
}
table.submenulisticon td
{
    padding:5px;
    width:65px;
    text-align:center;
    vertical-align:top;
}
table.innercontent
{
    width:95%;
}
table.innercontent td
{
    text-align:left;
}

table.news td
{
    height:20px;
}
table.copyright
{
    width:100%;
    background-image:url(images/bg_copyright.jpg);
    background-repeat:repeat-x;
   
}
table.porargroupsite
{
     width:80%;
}
table.porargroupsite td.left
{
    height:20px;    
    width:130px;
}
table.porargroupsite td.middle
{
    height:20px;  
    width:1px;
    background-color:#eeeeee;
}
table.porargroupsite td.right
{
height:20px;  
text-align:left;
}
table.submenulistdetail
{
    width:95%;
}
table.submenulistdetail td.left
{
    width:40px;
    text-align:left;
    vertical-align:top;    
}

table.submenulistdetail td.right
{
    vertical-align:top;    
    text-align:left;
    width:auto;
}
table.form
{
    width:90%;
    
}
table.form tr
{
    height:25px;
    
}
table.form td
{
    padding:4px;
}
table.form td.left
{
    width:100px;
    
 
}

table.form2
{
    width:90%;
    
}
table.form2 tr
{
    height:25px;
    
}
table.form2 td
{
    padding:4px;
}

table.form3
{
    width:90%;
    
}
table.form3 tr
{
    height:25px;
    
}
table.form3 td
{
    padding:4px;
}
table.form3 td.left
{
    width:150px;
    
 
}

table.form4
{
    width:90%;
    
}
table.form4 tr
{
    height:25px;
    
}
table.form4 td
{
    padding:4px;
}
table.form4 td.right
{
    width:150px;
    
 
}


table.belowlink
{
    width:90%;
   
}
table.belowlink td
{
     text-align:right;
}

table.belowlink2
{
    width:90%;
   
}
table.belowlink2 td
{
     text-align:left;
}

table.data
{
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
}
table.data tr.head
{
    background-color:#D8E4F8;
    height:20px;
}
table.data td
{
    text-align:center;
    vertical-align:middle;
}

table.faq tr.top
{
    background-image:url(images/bg_faq_top.gif);
    height:8px;
}
table.faq tr.body
{
    text-align:left;
    background-image:url(images/bg_faq_body.gif);
    background-repeat:repeat-y;
}
table.faq tr.bottom
{
    background-image:url(images/bg_faq_bottom.gif);
    height:8px;
}

table.data
{
    border-color:#EEEEEE;
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
}
table.data tr.head
{
    background-color:#D8E4F8
}
table.data td
{
        padding:4px;
        text-align:left;
}
table.pickcolor
{
    height:22px;
    width:50px;
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
    border-color:#CCCCCC;

}
table.pickcolor td
{
    CURSOR: hand;
}


/* font */

.sbody
{
    font-size:10px;
}
.body
{
        font-size: 11px;
    color: #333333;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';

    
}
.bodybold
{
    font-weight:bold;
}
.bodyblue
{
    color:#4682b4;

    
}
.bodyboldblue
{
    font-weight:bold;
    color:#4682b4;
    
}
.bodygray
{
    color:#cccccc;

}
.mbody
{
    font-size:12px;
}
.mbodybold
{
    font-size:12px;
     font-weight:bold;
}
.lbody
{
    font-size:13px;
}
.lbodybold
{
    font-size:13px;
    font-weight:bold;
}
.xlbodybold
{
    font-size:15px;
    font-weight:bold;
}
.topic
{
    font-size:13px;
    font-weight:bold;
}
.xxlbodybold
{
    font-size:20px;

}
.xxlbodyboldblue
{
    font-size: 20px;
    color:#4682b4;
}


/* other object */
.inputboxs
{
  padding-left: 3px;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
    height:18px;
    width:40px;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #b2bec5;
    border-left-color: #b2bec5;
    border-bottom-color: #b2bec5;
    border-right-color: #b2bec5;
    background-image: url(images/bg_input.gif );
    -background-repeat: no-repeat;
    -background-attachment: fixed;
}

.inputbox
{
  padding-left: 3px;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
    height:18px;
    width:180px;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #b2bec5;
    border-left-color: #b2bec5;
    border-bottom-color: #b2bec5;
    border-right-color: #b2bec5;
    background-image: url(images/bg_input.gif );
    -background-repeat: no-repeat;
    -background-attachment: fixed;
}
.inputboxm
{

  padding-left: 3px;
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
    width:180px;
    font-size: 11px;
    border: 1px solid;
    border-top-color: #b2bec5;
    border-left-color: #b2bec5;
    border-bottom-color: #b2bec5;
    border-right-color: #b2bec5;
    background-image: url(images/bg_inputm.gif );
    -background-repeat: no-repeat;
    -background-attachment: fixed;

}

.button
{
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
	border: solid 0 #FFFFFF;
	background-image: url(images/bg_button2.gif);
	background-repeat:no-repeat;
	height: 21px;
	width: 80px;
	color: #000000;	
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}
.longbutton
{
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
	border: solid 0 #FFFFFF;
	background-image: url(images/bg_longbutton.gif);
	background-repeat:no-repeat;
	height: 21px;
	width: 140px;
	color: #000000;	
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}
.deletebutton
{
    font-family: tahoma,verdana,  'Microsoft Sans Serif';
	border: solid 0 #FFFFFF;
	background-image: url(images/bg_button2.gif);
	background-repeat:no-repeat;
	height: 21px;
	width: 80px;
	color: #FF0000;	
	font-size: 11px;
	margin: 0px;
    padding-top: 3px;
    padding-bottom: 15px;
    vertical-align:middle;
}


.graybox
{

	background-repeat:repeat-x;
	border: 1px solid #f0f0f0;
	background-color:#fafafa;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 6px;
	line-height: 18px;
}



.returnmessage 
{

	/*background-image:url(images/bg_yellow2.gif);*/
	background-color:#ffffcc;
	background-repeat:repeat-x;
	border: 1px solid #eeeeee;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 6px;
	line-height: 18px;
}
.returnmessage_error
{
    color:#ff0000;
	/*background-image:url(images/bg_yellow2.gif);*/
	background-color:#ffffcc;
	background-repeat:repeat-x;
	border: 1px solid #eeeeee;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 6px;
	line-height: 18px;
}
.returnmessage_pass
{
        color:#00c000;
		/*background-image:url(images/bg_yellow2.gif);*/
	background-color:#ffffcc;
	background-repeat:repeat-x;
	border: 1px solid #eeeeee;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 6px;
	line-height: 18px;
}

hr
{
        color: #e0e0e0; 
    background-color:#e0e0e0;
    border-width:0px;
     height: 1px; width:95%;   
}
hr.dashed
{
    
         border:none;
         border-top:dotted 2px #e2e2e2; 
         width:100%; height:1px; 
}

.topmenutab ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: black url(images/topmenu_body.gif) center center repeat-x;
}

.topmenutab li{
display: inline;
}

.topmenutab li a{
float: left;
color: white;
padding: 7px 12px 8px 12px;
  font-weight:bold;
}

.topmenutab li a:visited
{
}

.topmenutab li a:hover, .topmenutab li a.current
{
color:#000000;
text-decoration:none;

background: transparent url(images/topmenu_body_selected.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}
div.error
{
    color:Red;
}


		/* loading*/
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage  
{
	
	font-size:13px;
	font-weight:bold;
 position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;

    text-align:center;
    
}
.whitelist
{
	color:Green;
}
.blacklist
{
	color:Red;
}
table.news a
{
    background:url('images/icon_text.gif') no-repeat top left;
    padding-left:20px;
    color: #333333;
 text-decoration: none;
}
div.barchart-bg
{
    width:200px;
    height:13px;
    background:url('images/barchart-blank.png') no-repeat top left;
}
div.barchart-blue
{

    height:13px;
    background:url('images/barchart-full-blue.png') no-repeat top left;
}
div.barchart-red
{

    height:13px;
    background:url('images/barchart-full-red.png') no-repeat top left;
}