body, div, span, a, td 	{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000066; }
body      					{ margin:0px; width: 100%; text-align:center; background-color:#F0F1F4;}
h1        					{ font-size: 22px; font-weight: bold; color: #00336d; }
h2        					{ font-size: 14px; line-height: 20px; }
a:link, a:active, a:visited	{ color: #006DDC; text-decoration:none; outline: none; }
a:hover   					{ text-decoration:underline; }

a.lang:link, a.lang:active, a.lang:visited { font-size: 12px; font-weight:bold; text-decoration:none; color:#336699; }
a.lang:hover, a.langOver:link, a.langOver:active, a.langOver:visited { font-size: 12px; font-weight:bold; text-decoration:underline; color:#336699; }

a.footer:link, a.footer:active, a.footer:visited {color:#006DDC; text-decoration:none; }
a.footer:hover { text-decoration:underline; }

img       { border:0; }
input,textarea, select { color: #666666; border: 1px solid #8ba2b8 ; font-family : monospace; font-size:12px; padding: 1px 2px 1px 2px;}
.nobdr { border: none;}

.clear    { clear: both !important; }
.footer   { margin: 0px; padding: 0px;}
.copyright { color:#ffffcc;}
a:link.copyright,a:visited.copyright  { color: #ffff99; font-size: 11px;  text-decoration : none;}
a:hover.copyright { color: #ffff99; text-decoration : none;}

a:link.altlink,a:visited.altlink  { font-size:13px;color: #006ddc; text-decoration : underline;}
a:hover.altlink { color: #ff6600; text-decoration : underline;}

.error { color: #cc3333; }

#wrapper	  { background-image:url(/images/bg_gradient.jpg); background-repeat: repeat-x; height:auto !important; margin:0 auto; height:100%; min-height: 585px; }
#flash		  { margin: 0px; padding: 0px; width:1004px; min-width: 1000px; height:585px; }
#panel		  { margin:0 auto; margin-top:16px; margin-bottom:16px; padding: 0px; width:1000px; height:251px; background-image:url(/images/panel_bg.jpg); background-repeat:no-repeat; background-position:left; }
#panel_left   { float:left; width:300px; height:250px; margin-left:20px; margin-right:10px; }
#panel_center { float:left; width:370px; height:250px; vertical-align:middle; }
#panel_right  { float:right; width:250px; height:250px; margin-right:20px; }

div.left 	{ left:0px;} 
div.right 	{ right:0px;} 
div.column 	{ width:50%; position:absolute; top:0px; }

#leftcol 	{ margin-right:500px; height:1000px; z-index:1; }
#rightcol 	{ margin-left:500px; height:1000px; z-index:2; }
#footer		{ margin:0 auto; width:1000px; z-index:11; position:relative;}
#sep		{ background-image:url(/images/sep_tile.gif); background-repeat:repeat-x; height:8px; width:100%; }

/* css for language page  */
#wrapper_lp { background-image:url(/images/lang_bg_v4.jpg); background-repeat: no-repeat; background-position: top center; height:auto !important; height:100%; min-height: 585px; margin:0 0; min-width:1000px;}
.langbg     { background-image:url(/images/lang_tile.gif); background-repeat:repeat-x;}
/* all flags*/
#content 	{ margin:0 auto; width:1000px; z-index:10; position:relative; padding-top: 330px;}
.btn_lang   { float:left; text-align:center; width: 95px; height:144px; padding-top:33px;}
#btn_row    { height:143px; margin-left: 140px; text-align:left;}
 

/* 4 flags 
#content 	{ margin:0 auto; width:1000px; z-index:10; position:relative; padding-top: 280px;}
#btn_row    { height:143px; margin-left: 325px; text-align:left;}
.btn_lang   { float:left; text-align:center; width: 93px; height:144px; padding-top:33px;}

*/
/* 5 flags 
#content 	{ margin:0 auto; width:1000px; z-index:10; position:relative; padding-top: 330px;}
#btn_row    { height:143px; margin-left: 235px; text-align:left;}
.btn_lang   { float:left; text-align:center; width: 113px; height:144px; padding-top:33px;}
*/
.bigtext    { font-size: 13px; line-height: 20px;}
.bar        { background-image:url(/images/bg_bar.png); background-repeat:repeat-x; height: 17px;}

/* css for share with a friend */
input,textarea, select   { color: #666666; border: 1px solid #8ba2b8 ; font-family : monospace; font-size:12px; padding: 1px 2px 2px 2px;}
	
#taf_form   { width: 330px; font-size: 13px;  text-align: left; float:right;}
.fieldTitle { text-align: left; font-size: 13px; font-weight: bold;}
.fieldname  { text-align: left; font-size: 13px; font-weight: normal;}

.char_on { border: 3px solid #4e9ddb; width: 70px; height:70px;}
.char    { border: 1px solid #2b3b86; width: 70px; height:70px;}
.footnote{ color:#666666; font-style:italic;}

.redtext { color:#F00;}