/* BASE CSS */

button {padding:2px; padding:0px \9;font-family: arial;}
button span {line-height:120% \9;}
button h2, button h3 {margin:2px;padding:2px;}

img { border:0;}
a:hover, .a:hover { text-decoration:underline; color: #CC0000; }
input[type=submit],input[type=button] ,button { cursor:pointer; padding:2px; color: #006699; font-weight:bold;}
input[type=text],input[type="password"],textarea,select {padding:2px; border:solid 1px #333333; background-color: #FFFFFF;}
input[type=text]:focus,textarea:focus,select:focus,input[type="password"]:focus {border:solid 1px #999933; background-color: #FFFFDD;}

.left {float:left;} 
.right { float:right;}

.clear { clear:both; font-size:1px;}
.alignl {text-align: left;}
.alignc {text-align: center;}
.alignr {text-align:right;}
.alignj {text-align: justify;}
.valignt {vertical-align:top;}
.valignm, .valignm td {vertical-align:middle;}
.valignb {vertical-align:bottom;}

.bluebg {background-color:#ddeeff;}
.skybg {background-color: #86D8F2;}
.yelbg {background-color:#ffffcc;}
.redbg {background-color:#ffcccc;}
.greenbg {background-color:#eeffdd;}
.grassbg {background-color: #99CC66;}
.whibg {background-color:#ffffff;}
.graybg {background-color:#eeeeee;}
.graybluebg {background-color:#069;}
.darkgraybg {background-color:#333;}
.purplebg {background-color:#c6e;}
.earthbg {background-color:#eb6;}
.orangebg {background-color: #FFB8A4;}
.pinkbg {background-color: #f9c;}
.red {color:#CC0000;}
.white {color:#fff;}
.gray{color:#666666;}
.green {color:#009900;}
.strong{font-weight:bold;}
.blue {color:#0033cc;}
.yel {color: #CC6600;}
.grayblue {color:#006699;}

.fecbg {background-color: #fec;}

/* ICON */
.pend { background:url(../images/icons/icon_pend.png) left top no-repeat; padding:2px 2px 2px 22px; color: #C90;}
.checkok { background:url(../images/icons/checkmark.png) 3px 2px no-repeat; padding:2px 2px 2px 22px; color: #396; font-weight: bold;}
.checkno { background:url(../images/icons/icon_no.gif) 3px 2px no-repeat; padding:2px 2px 2px 22px; color: #666; font-weight: bold;}
.edit { padding:5px 5px 5px 30px; background:url(../images/icons/icon_edit.gif) left no-repeat; font-size:90%; font-weight:normal;}
.close { padding:5px 5px 5px 20px; background:url(../images/icons/icon_close.gif) left no-repeat; font-size:90%; font-weight:normal;}
.noedit { padding:5px 5px 5px 30px; background:url(../images/icons/icon_noedit.gif) left no-repeat; font-size:90%; font-weight:normal;}
.print {padding:5px 5px 5px 30px; background:url(../images/icons/icon_print.gif) left no-repeat; font-size:90%; font-weight:normal;}
.new { padding:5px 5px 5px 30px; background:url(../images/icons/icon_addnew.gif) left no-repeat; font-size:90%; font-weight:normal; color:#008800;}
.bulknew { padding:5px 5px 5px 30px; background:url(../images/icons/icon_bulknew.gif) left no-repeat; font-size:90%; font-weight:normal; color:#000088;}
.contact { padding:5px 5px 5px 20px; background:url(../images/icons/icon_contact.png) left no-repeat; font-size:90%; font-weight:normal; color:#000088;}
.freight { font-size:90%; font-weight:normal; color:#666666;}

.add { padding:0 0 0 15px; background:url(../images/icons/icon_add.gif) left no-repeat; font-size:90%; font-weight:normal; color:#008800;}
.del { padding:0 0 0 15px; background:url(../images/icons/icon_remove.gif) left no-repeat; font-size:90%; font-weight:normal; color:#cc0000;}
.delete { padding:0 0 0 15px; background:url(../images/icons/icon_no.gif) left no-repeat; font-size:90%; font-weight:normal; color:#cc0000;}
.warn { padding:2px 0 2px 18px; background:url(../images/icons/icon_warning.gif) left no-repeat; font-size:100%; font-weight:bold; color:#AA0000;}
.warn strong { border-bottom:dashed 1px #FF0000; color:#FF0000;}
.trashcan { padding:0 0 0 20px; background:url(../images/icons/icon_trashcan.gif) left no-repeat; font-size:90%; font-weight:normal; color:#cc0000;}
.file { padding:5px 5px 5px 18px; background:url(../images/icons/icon_file.gif) left no-repeat; font-size:90%; font-weight:normal; color:#0000cc;}
.info { padding:5px 5px 5px 25px; background:url(../images/icons/icon_info.gif) left no-repeat; font-size:90%; font-weight:normal; color:#515151;}
.waiting { padding:5px 5px 5px 35px; background:url(../images/icons/ajax-loader.gif) left no-repeat; font-size:100%; font-weight:normal; color:#515151;line-height: 32px;}
.download { padding:5px 0 5px 25px; background:url(../images/icons/icon_download.gif) left no-repeat; font-size:90%; font-weight:normal; color:#0000cc;}
.mail {padding:5px 0 5px 25px; background:url(../images/icons/icon_mail.gif) left no-repeat; font-size:90%;}
.search {padding:5px 0 5px 25px; background:url(../images/icons/icon_find.gif) left no-repeat;  font-size: 90%;}
.refresh { padding:2px 0 2px 18px; background:url(../images/icons/icon_refresh.gif) left no-repeat; font-size:90%; font-weight:normal; color:#666666;}
.back { padding:2px 0 2px 18px; background:url(../images/icons/icon_back.gif) left no-repeat ; font-size:90%; font-weight:normal; color:#666666;}
.arrowdown { padding:1px 0 1px 12px; background:url(../images/icons/icon_arrowdown.gif) left no-repeat ; font-size:90%; font-weight:normal; color:#333;}
.arrowleft { padding:1px 0 1px 12px; background:url(../images/icons/icon_arrowleft.gif) left no-repeat ; font-size:90%; font-weight:normal; color:#333;}
.arrowup { padding:1px 0 1px 12px; background:url(../images/icons/icon_arrowup.gif) left no-repeat ; font-size:90%; font-weight:normal; color:#333;}
.arrow3 { padding:1px 0 1px 12px; background:url(../images/icons/icon_3.gif) left no-repeat ;}
.dot { padding:1px 0 1px 12px; background:url(../images/icons/member_icon.gif) left no-repeat ;}
.remark { padding:1px 0 1px 20px; background:url(../images/icons/remark.gif) left no-repeat ; font-size:90%; font-weight:normal; color: #CC6633;}
.log { padding:1px 0 1px 20px; background:url(../images/icons/icon_log.gif) left no-repeat ; font-size:90%; font-weight:normal; color: #336600;}
.popup { padding:2px 0 2px 20px; background:url(../images/icons/icon_popup.gif) left no-repeat ; font-size:90%; font-weight:bold; color:#333366;}
.flag_en { padding:2px 0 2px 25px; background:url(../images/icons/flag_en.jpg) left no-repeat ; font-weight:bold; color:#369;}
.flag_de { padding:2px 0 2px 25px; background:url(../images/icons/flag_de.jpg) left no-repeat ; font-weight:bold; color:#369;}
.flag_fr { padding:2px 0 2px 25px; background:url(../images/icons/flag_fr.jpg) left no-repeat ; font-weight:bold; color:#369;}
.flag_es { padding:2px 0 2px 25px; background:url(../images/icons/flag_es.jpg) left no-repeat ; font-weight:bold; color:#369;}
.flag_jp { padding:2px 0 2px 25px; background:url(../images/icons/flag_jp.jpg) left no-repeat ; font-weight:bold; color:#369;}
.update { padding:2px 0 2px 20px; background:url(../images/icons/icon_update1.gif) left no-repeat ; font-size:90%; font-weight:bold; color:#333366;}
.update:hover { background:url(../images/icons/icon_update2.gif) left no-repeat ;  color:#000066;}


.orangebtn {color:#fff; background-color: #e80; border: solid 1px #f00;}
.orangebtn:hover {background-color: #f91;}
.arrowdownbtn{ background:url(../images/icons/icon_arrowdown.gif) center center no-repeat #eee; width:20px;height:20px; border:solid 1px #AAA; margin:1px 2px;}
.arrowdownbtn:hover{ border:solid 1px #333; }

.round_top {
-moz-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.round_bottom {
-moz-border-radius: 0 0 15px 15px;
-khtml-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
}


.pointer {cursor:pointer;}
.smallfont {font-size:70%;line-height:100%;}
.largefont {font-size:120%;line-height:100%;}


.searcharrow { padding:1px 0 1px 18px; background:url(../images/icons/icon_2.gif) left no-repeat ;}
.subtitle { padding:1px 0 1px 18px; background:url(../images/icons/p_icon.jpg) left no-repeat ;  font-weight:bold; font-size:120%; color: #396; font-family: 'cwTeXYen',arial;}
.subtitle2 { padding:1px 0 1px 18px; background:url(../images/icons/s_icon.jpg) left no-repeat ;  font-weight:bord; font-size:120%; color: #396;font-family: 'cwTeXYen',arial;}
.pageBlk { border:solid 1px #aaa;padding-bottom:2em;background:url(../images/icons/page_bg.gif) right top no-repeat; font-family: arial, verdana, tohoma;;   }
.profile_font {padding:4px; font-family:Arial Black, Tahoma;margin-bottom:2px;font-size:80%;}
.profile_red {background-color: #FFcc99; color:#cc0000;}
.profile_blue {background-color: #607d8b; color:#fff;}
.profile_green { background-color: #BBDD99; color:#006600;}

.imgBlk{border:solid 1px #bd9;padding:5px 0;margin:3px 0; text-align:center;overflow:hidden; display:block;}
.imgBlk:hover {border:solid 1px #9b7;background-color:#ffe;}

.rotatorbg { position:relative; overflow:hidden;  height:1.5em; }
.rotatorbg ul { margin:0;padding:0;  position:absolute;    }
.rotatorbg ul li { line-height:1.5em; padding:0; white-space:nowrap;}

.countrybg {background:url('../images/icons/country_bg.gif') no-repeat;}


.transparent {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    background-color:#444;
    color:white;
}
.transparent:hover {
    background-color:#69c;
    color:black;
}
.hidden {display:none;}
.shadow {box-shadow:2px 2px #ccc;}
.shadow_dark {box-shadow:2px 2px #333;}