/* 
	       common
        */
body
{
    margin: 0px 0px 0px 0px;
    font-family: "Trebuchet MS" , Arial, sans-serif;
}

a:link
{
    color: #0000cc;
}
a:visited
{
   color: #0000cc;

}
.footer
{
    color: #666666;
    padding: 2px;
    text-align: left;
    margin: 0 8px 0 8px;
    font-size: 10pt;
}
h1, h2, h3
{
    color: #4F76A3;
}
h2
{
    font-size: 12pt;
}
h3
{
    font-size: 12pt;
}

.imgdemo
{
    border-right: #c3d9ff 3px solid;
    border-top: #c3d9ff 3px solid;
    border-left: #c3d9ff 3px solid;
    border-bottom: #c3d9ff 3px solid;
}

.article
{
    padding-left: 20px;
}


/* input control. */

label
{
    font-size: 10pt; /*     display: block;     float: left;     margin: 2px 4px 6px 4px;     text-align: right; */
}
br
{
    clear: left;
}


/* 
	       Layout
        */

.cnt1
{
    font-size: 12pt;
    color: #333;
    margin: 8px 0 8px 0;
}

.cnt2
{
    font-size: 10pt;
    color: #333;
}


.subtitle
{
    font-size: 12pt;
    color: #696969; /*border-bottom: #4F76A3 3px solid;*/
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 5px; /*border-left: solid #D4E0EE 10px;*/
    background: url(images/taboffbg.gif) center center repeat-x;
}



/* 
	        table styles 01 
        */

table.ex1, th.ex1, td.ex1, th.ex1_
{
    font-size: 10pt;
    border: 1px solid #D4E0EE;
    border-collapse: collapse;
    color: #555;
    padding: 0px 10px 0px 10px;
}

table.ex1 Caption
{
    color: #4F76A3;
    text-align: left;
}

td.ex1, th.ex1
{
    padding: 4px;
}

thead.ex1 th, th.ex1_, .ex2
{
    background: #E6EDF5;
    color: #4F76A3;
    font-size: 100% !important;
    padding: 5px 10px 5px 10px;
}

th.ex1_
{
    text-align: right;
}

tbody.ex1 th
{
    font-weight: bold;
}

tbody.ex1 tr
{
    background: #FCFDFE;
}

tbody.ex1 tr.odd
{
    background: #F7F9FC;
}

table a:link
{
    color: #718ABE;
    text-decoration: none;
    font-size: 10pt;
}

table a:visited
{
    color: #718ABE;
    text-decoration: none;
    font-size: 10pt;
}

table a:hover
{
    color: #718ABE;
    text-decoration: underline !important;
    font-size: 10pt;
}

tfoot.ex1 th, tfoot.ex1 td
{
    font-size: 85%;
}



/* Account Signup and Signin */
.loginbox
{
    border-right: #c3d9ff 1px solid;
    border-top: #c3d9ff 1px solid;
    border-left: #c3d9ff 1px solid;
    border-bottom: #c3d9ff 1px solid; /*background-color: #ffffff;*/
    background: url(images/loginbox_bg.jpg) center center repeat-x;
    margin: 0 0 10px 0px;
}

.msgbox
{
    border-right: #c3d9ff 1px solid;
    border-top: #c3d9ff 1px solid;
    border-left: #c3d9ff 1px solid;
    border-bottom: #c3d9ff 1px solid;
    background: url(images/loginbox_bg2.jpg) center center repeat-x;
    margin: 0 0 10px 0px;
}

#account-body
{
    width: 800px;
    text-align: center;
}
#signin
{
    float: left;
    position: relative;
    width:380px;
    text-align:left;
    
}
#signup
{
    width:380px;
    float: left;
    position: relative;
    text-align:left;
    padding:0px 0px 0px 15px;
    margin:0px 0px 0px 15px;
    border-left: #CCCCCC thin solid;

}








/* fieldset (MENU) no more use*/
.menu
{
    padding: 5px 5px 5px 5px;
    font-size: 10pt;
}


/* message wording */
.err_msg
{
    color: white;
    font-size: 10pt;
    padding: 1px 10px 1px 10px;
    background-color: #a52a2a; /* display:none; 奇怪!一定要放在Local端 for changing status */
}

.i_msg
{
    color: white;
    font-size: 10pt;
    padding: 1px 10px 1px 10px;
    background-color: #000080;
}


/*Modal Popup*/
.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: brown;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    font-size: 10pt;
    color: white;
    padding: 5px;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-size: 10pt;
}

/*Popup Control*/
.popupControl
{
    background-color: White;
    position: absolute;
    visibility: hidden;
}

/* header */
#header
{
    /*background: url(images/topbar.gif) center center repeat-x;*/
    width: 100%;
    font-size: 10pt;
}


#header ul
{
    margin: 0;
    margin-left: 40px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}

#header li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}
#header .topbar, .topbar a
{
    position: relative;
    z-index: 99;
    margin: 0 auto;
    background: #393939 url(images/topbar.png) repeat-x scroll top left;
    height: 23px;
    line-height: 22px;
    color: #c1c1c1;
    font-size: 11px;
    text-decoration: none;
}

#header .welcome
{
    padding-left: 10px;
}

#header .langchooser
{
    position: absolute;
    margin: 0 auto;
    padding-right: 10px;
    right: 0px;
}


.logo
{
    display: inline;
    float: left;
    padding: 6px 0 8px 10px; /*width:200px; 	color:#4A96AC; 	 font-size:16pt; */
}

#topmenu
{
    float: right;
    margin: 0;
    margin-top: 3px;
    margin-right: 3px;
    padding: 0;
    color: Gray;
}

#topmenu .menuitem
{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bolder;
}

#topmenu .welcome
{
    border-right: 2px solid #ddd;
    vertical-align: top;
    padding-right: 5px;
}



/* menu */

#menutitle
{
    background: url(images/menubar.gif) top center repeat-x;
    padding: 3px 0 2px 5px;
}
#menutitle .title
{
    font-size: 10pt;
    font-weight: bolder;
    color: #696969;
    margin-left: 10px;
}




/* application menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* #4174AB */

#modernbricksmenu2
{
    padding: 0;
    width: 100%;
    border-top: 5px solid #4174AB; /*Brown color theme*/
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
}

#modernbricksmenu2 ul
{
    margin: 0;
    margin-left: 40px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}

#modernbricksmenu2 li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}

#modernbricksmenu2 a
{
    float: left;
    display: block;
    font: bold 11px Arial;
    color: white;
    text-decoration: none;
    margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 10px;
    background-color: #A3B6C7; /*Brown color theme*/
    border-top: 1px solid white;
}

#modernbricksmenu2 a:hover
{
    background-color: #4174AB; /*Brown color theme*/
    color: white;
}

#modernbricksmenu2 #current a
{
    /*currently selected tab*/
    background-color: #4174AB; /*Brown color theme*/
    color: white;
    border-color: #4174AB; /*Brown color theme*/
}

#appselect
{
    /*CSS for sample search box. Remove if desired */
    float: right;
    margin: 0;
    margin-top: 3px;
    margin-right: 3px;
    padding: 0;
}

#appselect .menutext
{
    color: #4F76A3;
    font-size: 10pt;
}



.imessage
{
    margin: 5px 0 5px 0;
    padding: 5px;
    font-size: 11pt;
    border: 2px solid #f8ce9c;
}

/* error in column */

.errmessage
{
    margin: 5px 0 10px 0;
    padding: 5px;
    font-size: 11pt;
    border: 1px solid #ff3333;
    width: 300px;
}

/* failed after data access */

.failedmessage
{
    padding: 6px 0 6px 0;
    color: #ff0000;
    font-size: 10pt;
    font-weight: bold;
}

/* success after data access */

.successmessage
{
    padding: 6px 0 6px 0;
    color: #008000;
    font-size: 10pt;
    font-weight: bold;
}

/* page element */
#page1
{
    margin: 0px 12px 0 12px;
    padding: 5px 0 0 0;
    clear: left;
}

#defaultpage
{
    margin-left: 3em;
    margin-right: 5em;
}

.defaulttitle
{
    margin-right: 5px;
    font-weight: bolder;
    color: #167DE6;
    background: url(images/index_ext_bg1a.gif) repeat-x;
    padding: 6px 6px 6px 6px;
    border-right: #9EC6FF 1px solid;
    border-top: #9EC6FF 1px solid;
    border-left: #9EC6FF 1px solid;
    border-bottom: #9EC6FF 1px solid; /* 	color: #ff5702; 	background: url(images/index_ext_bg.gif) repeat-x; 	border-right: #ffaf7a thin solid; 	border-top: #ffaf7a thin solid; 	border-left: #ffaf7a thin solid; 	border-bottom: #ffaf7a thin solid;*/
}
.defaulttext
{
    /*margin-left: 5px;*/
    margin-right: 5px;
    padding: 5px 5px 5px 5px;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    height: 330px; /*color:#256FDB;*/ /*background-color:#F5F9FF;*/
}

.tryit
{
    text-align: center;
}

#defaultlogo
{
    display: inline;
    float: left;
    padding: 6px 0 8px 3.5em; /*width:200px; 	color:#4A96AC; 	 font-size:16pt; */
}



.w1
{
    color: #FF8A35;
    font-weight: bolder;
    font-size: 10pt;
}

.w2
{
    color: #718ABE;
    font-weight: bolder;
}

.w3
{
    font-weight: bolder;
    color: black;
    font-size: 12pt;
    margin: 20px 0 5px 0;
}


.button-bg
{
    background: url(images/button_bg1b.gif) repeat-x;
    border: 1px solid #4A95C9;
    color: #184461;
	height: 19px;
}

.button-bg2
{
    background: url(images/index_ext_bg.gif) repeat-x;
    border: 1px solid #ffaf7a;
    color: #ff5702;
    padding: 10px;
    font-weight: bolder;
}

.textbox
{
    border: 1px solid #94C1E8;
}

.listbox
{
    /*background-color: lightcyan; /*  background-color: LightBlue; */
    border: 1px solid #94C1E8;
}


/* hint box */

#hintbox
{
    /*CSS for pop up hint box */
    position: absolute;
    top: 0;
    background-color: lightyellow;
    width: 150px; /*Default width of hint.*/
    padding: 3px;
    border: 1px solid black;
    font: normal 11px Verdana;
    line-height: 18px;
    z-index: 100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}

.hintanchor
{
    /*CSS for link that shows hint onmouseover*/
    font-weight: bold;
    color: navy;
    margin: 3px 8px;
}


.test
{
    border-right: gray thin solid;
    border-top: gray thin solid;
    margin: 1px;
    border-left: gray thin solid;
    border-bottom: gray thin solid;
}


/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color: Red;
    background-color: Red;
}
.BarIndicator_TextBox2_average
{
    color: Blue;
    background-color: Blue;
}
.BarIndicator_TextBox2_good
{
    color: Green;
    background-color: Green;
}

.BarBorder_TextBox2
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}

.TextIndicator_TextBox3
{
    background-color: Blue;
    color: Yellow;
    font-size: small;
    font-variant: small-caps;
    padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
    width: 16px;
    height: 14px;
    background-image: url(images/Question.png);
    overflow: hidden;
    cursor: help;
}

.TextIndicator_TextBox1_Strength1
{
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

.TextIndicator_TextBox1_Strength2
{
    background-color: Gray;
    color: Yellow;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength3
{
    background-color: Gray;
    color: #FFCAAF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength4
{
    background-color: Gray;
    color: Aqua;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength5
{
    background-color: Gray;
    color: #93FF9E;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}



.dynamicPopulate_Normal
{
    border: silver 1px inset;
    padding: 2px;
    text-align: center;
    height: 2em;
    margin: 5px;
    width: 200px;
}

.dynamicPopulate_Updating
{
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    border: silver 1px inset;
    text-align: center;
    padding: 2px;
    height: 2em;
    margin: 5px;
    width: 200px;
}