/********************************* Classes for XHTML default Tag *********************************/

body { margin: 0px; padding:0px; font-size:0.68em; }
form { display: inline; margin: 0px 0px 0px 0px; }
img { border:none; }
table { text-align:left; line-height:130%; color:#3c3c3c; font-weight:normal; font-family:tahoma, arial, sans-serif; }
ul { padding: 0px; margin: 0px;  list-style-type:none;}
h1 { color: #000000; font-weight:normal; font-size:100%; line-height:13px; font-family:tahoma, arial, verdana, sans-serif; margin: 0px; padding-right: 0px; padding-left: 35px; float: left; padding-bottom: 6px; padding-top: 4px; background: url(../siteimage/heading_arrow.gif) no-repeat 0px 0px; }
h2 { font-size:1.5em; padding:0px; margin:0px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; }
h3 { font-size:1.5em; padding:0px; margin:0px; line-height:110%; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; }

/************************ Classes for differentiation of background image ************************/

.pagebg { background-image: url(../siteimage/page_bg.gif); background-color:#8c8e8c; }
.pageshadow { background: url(../common_image/page_shadow.gif) repeat-y; background-position: top center; background-color:#ffffff; width:962px; }
.topimg { background: url(../siteimage/top_img.jpg) no-repeat #e7ecf0; height:111px; }
.menubg { background: url(../siteimage/menu_bg.gif) repeat-x #949494; }
.footermenubg { background-image: url(../siteimage/footer_bg.gif); background-color:#dddddd; }
.headingbg { background: url(../siteimage/heading_bg.gif) repeat-x; background-color:#d4d4d4; }
.catlinkdot { padding: 0px 3px 1px 11px; background: url(../siteimage/clink_dot.gif) no-repeat 4px 6px; }
.blackarrowlink { padding: 5px 5px 3px 25px; background: url(../siteimage/black_arrow.gif) no-repeat 8px 8px; }
.tablinebg { background: url(../siteimage/tab_line_bg.gif) repeat-x; }
.tabbg { background: url(../siteimage/tab_bg.gif) repeat-x; }
.tabbg1 { background: url(../siteimage/tab_bg1.gif) repeat-x; }
.hlightimage { background-image: url(../siteimage/exclam.gif); background-repeat: no-repeat; background-position: center; }

/************************ classes for differentiation of background color ************************/

.subheader { color: #000000; background-color:#e5e5e5; }
.graybg { background-color: #f1f1f1; }
.whitebg { background-color: #ffffff; }
.even { color: #000000; background-color:#f1f1f1; }
.odd { color: #000000; background-color:#fbfbfb; }

/********************* classes for differentiation of padding, border & color ********************/

.pageborder { border-left: 10px solid #bababa; border-right: 10px solid #bababa; background-color:#ffffff; }
.message { color:#000000; padding: 0px 5px 0px 5px; border: 1px solid #d6be89; background-color: #fffac0; }
.tbpadding { margin: 10px 0px 10px 0px; }
.lrpadding { margin: 0px 10px 0px 10px; }
.par { padding: 5px; text-align:justify; }
.blacktext { color:#000000; }
.graytext { color:#e1e1e1; }
.redtext { color: #cc0000; }
.margin { margin: 5px; }
.listpadding { padding: 5px; }
.padding { padding: 10px; }
.smalltext { font-size: 90%; }
.hlight { color:#db4200; }
.star { font-size:85%; color:#ce0000; }
.boldtext { font-weight:bold; }
.lineheight { line-height:140%; }
.alignmiddle { vertical-align:middle; }
.handicon { cursor:pointer; }
#printLogo { display:none; }
.tabcontent{ display:none; }

.floatl { float:left; }
.floatr { float:right; }
.staff_part { padding:12px 0px 3px 12px !important; padding:12px 0px 12px 12px; width:232px; border-right:1px solid #cccccc; }
.staff_box_small { border:1px solid #cccccc; padding:1px; margin-right:10px; margin-bottom:10px; float:left; cursor:pointer; }
.staff_box_small_over { border:1px solid #ed654d; padding:1px; margin-right:10px; margin-bottom:10px;  float:left; cursor:pointer; }
.staff_box_big { border:1px solid #767676; border-top:5px solid #767676; padding:1px; margin-bottom:10px; cursor:pointer; float:left; }
.staff_tab li { float:left; margin-right:0px; position:relative; top:3px !important; top:2px; }
.box_opacity { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.80; cursor:default; position:absolute; background:url(../common_image/spacer.gif) #ffffff; margin:-3px 0px 0px -2px; width:107px; height:100px; }

/****************************** classes for differentiation of link ******************************/

a.menulink:link, a.menulink:visited, a.menulink:active { color: #ffffff; padding-right: 15px; padding-left: 15px; float: left; padding-bottom: 6px; padding-top: 6px; text-decoration: none; line-height:15px; }
a.menulink:hover { color: #000000; background: url(../siteimage/selected_menu_bg.gif); text-decoration: none; line-height:15px; }

a.menulinkhover:link, a.menulinkhover:visited, a.menulinkhover:active { padding-right: 15px; padding-left: 15px; float: left; padding-bottom: 6px; padding-top: 6px; color: #db4200; background-color:#ffffff; text-decoration: none; line-height:15px; }
a.menulinkhover:hover { color: #000000; background-color:#ffffff; text-decoration: none; line-height:15px; }

a.footermenu:link, a.footermenu:visited, a.footermenu:active { color: #000000; text-decoration: none; }
a.footermenu:hover { color: #000000; text-decoration:underline; }
a.footermenuactive:link, a.footermenuactive:visited, a.footermenuactive:active, a.footermenuactive:hover { color: #000000; text-decoration:underline; }

a.pagelink:link, a.pagelink:visited, a.pagelink:active { color: #000000; text-decoration: underline; }
a.pagelink:hover { color: #db4200; text-decoration: underline; }
.pagelinkactive { color: #000000; text-decoration: none; }

a.boldmenu:link, a.boldmenu:visited, a.boldmenu:active { color: #db4200; font-weight:bold; text-decoration: none; }
a.boldmenu:hover { color: #000000; font-weight:bold; text-decoration: underline; }

a.tabmenu:link, a.tabmenu:visited, a.tabmenu:active { padding:0px 8px 0px 8px; color: #000000; text-decoration: none; }
a.tabmenu:hover { padding:0px 8px 0px 8px; color: #db4200; text-decoration: none; }

a.tabmenu1:link, a.tabmenu1:visited, a.tabmenu1:active { padding:0px 8px 0px 8px; color: #db4200; text-decoration: none; }
a.tabmenu1:hover { padding:0px 8px 0px 8px; color: #000000; text-decoration: none; }

a:link, a:visited, a:active { color: #db4200; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

a.boxmenu:link, a.boxmenu:active, a.boxmenu:visited { padding:2px 8px; color: #ffffff; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1;
border-bottom:1px solid #898989; border-right:1px solid #898989; background-color:#9d9d9d; margin-right:5px; text-decoration: none; }
a.boxmenu:hover { padding:2px 8px; color: #ffffff; border-top:1px solid #bb0800; border-left:1px solid #bb0800;
border-bottom:1px solid #f47400; border-right:1px solid #f47400; background-color:#de4300; margin-right:5px; text-decoration: none; }

/********************************** classes for Tool tip and Bubble ******************************/
#dhtmltooltip {
    padding:5px;
    padding-left:10px;
    position: absolute;
    border: 1px solid #666666; border-right: 4px solid #666666; border-bottom: 4px solid #666666;
    visibility: hidden;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bubble{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:55px; left:15px;
    z-index: 1
}

.bubble_area { background-color:#ffffff; }
.bubble_left_border { border-left: 5px solid #facf6d; background-color:#ffffff; }
.bubble_right_border { border-right: 5px solid #facf6d; background-color:#ffffff; }
.bubble_top_border { border-top: 5px solid #facf6d; background-color:#ffffff; }
.bubble_bottom_border { border-bottom: 5px solid #facf6d; background-color:#ffffff; }

/************************************ classes for form element ***********************************/

input,select { color:#3c3c3c; font-size:100%; font-weight:normal; font-family: tahoma, arial, helvetica, sans-serif; }
textarea { color:#3c3c3c; font-size:100%; font-weight:normal; font-family: tahoma, arial, helvetica, sans-serif; border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #f9f9f9; }
.button { border-right: #686868 3px double; border-top: #bababa 3px double; border-left: #ababab 3px double; border-bottom: #868686 3px double; color: #000000; font-weight: normal; font-size: 11px; background: url(../siteimage/button_bg.gif); padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
.button1 { width:70px; border-right: #686868 3px double; border-top: #bababa 3px double; border-left: #ababab 3px double; border-bottom: #868686 3px double; color: #000000; font-weight: normal; font-size: 11px; background: url(../siteimage/button_bg.gif); padding-left: 3px; padding-right: 3px; padding-top: 1px; padding-bottom: 1px; }
.loginbut  { border-right: #686868 1px solid; border-top: #bababa 1px solid; border-left: #ababab 1px solid; border-bottom: #868686 1px solid; color: #000000; background: url(../siteimage/button_bg.gif); }

.textbox {  border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #f9f9f9; }
.textbox1 { width:85px; border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #f9f9f9; }
.textbox2 { width:125px; border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #f9f9f9; }
.textbox5 { width:275px; border-top: #7c7c7c 1px solid; border-left: #7c7c7c 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; background-color: #f9f9f9; }

.tplborder { border: 1px solid #494949; }

.pricelistbox { width:135px; }

.normallist1 { width:55px; }
.normallist2 { width:75px; }
.normallist3 { width:105px; }
.normallist4 { width:130px; }
.normallist5 { width:140px; }
.normallist6 { width:180px; }

.listbox1 { width:55px; height:90px; }
.listbox2 { width:70px; height:90px; }
.listbox3 { width:105px; height:90px; }
.listbox4 { width:180px; height:120px; }
.listbox5 { width:200px; height:90px; }
.listbox6 { width:200px; height:200px; }

.textarea { width:280px; height:150px; }
.textarea1 { width:310px; height:170px; }
.textarea2 { width:375px; height:170px; }