/* CSSTidy 1.3dev: Sat, 23 Feb 2009 15:57:21 +0100 */

/* Type selectors for general rules*/
body { font: 83% "trebuchet ms" ,trebuchet,verdana,helvetica,arial,sans-serif; background: #d3d3d3 none repeat top left; color: #444; direction: ltr; min-width: 987px; margin: 0; }
font { line-height: normal; }
label { color: #444; }
input, select, textarea, button { font-size: 100%; }

/* Headers style*/
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 10px 0 5px; }
h2, h3, h4 { color: #06C; }
h1 { color: #000; font-size: 160%; }
h2 { font-size: 135%; }
h3 { font-size: 120%; }
h4, h5, h6 { margin: 5px 0 5px; }
h4 { font-size: 100%; }
h5, h6 { font-size: 90%; color: #444; font-weight: 700; }
/* Links style*/
a { font-weight: inherit; text-decoration: none; color: #06C; cursor: pointer; }
a:visited { color: #06C; }
a:hover { text-decoration: underline; }
a img { border: none; }
/* Lists style*/
ul { list-style-type: disc; margin: 0 1em; padding: 0 1em; }
li { margin: 0 0 3px; }

/* Other general classes*/
.clear { clear: both; }
.justify { text-align: justify; }
.center { text-align: center; margin: auto; }
.capitalize { text-transform: capitalize; }
.uncapitalize { text-transform: none; }
.small { font-size: 80%; }
.hide { display: none; }

/* Master Page Structure */
#pagewrap { border-top: 1px solid #fff; width: 100%; background: url(../../App_Themes/Gray/Images/wave.jpg) repeat-x center top #D3D3D3; }
#container { width: 987px; margin: 0 auto; }
#ticketMsg { position: fixed; bottom: 0px; right: 0px; width: 20em; }
/* Header */
#header { border: 0; margin: 10px; }
#logo { height: 65px; text-align: left; }
#logo a { background: url(../../App_Themes/Gray/Images/logos2b.png) no-repeat left bottom; width: 260px; height: 49px; display: block; }
#lang { margin: 15px 10px; text-align: right; }
#mainnav { width: 987px; }
#menu { padding-top: 10px; width: 805px; }
/* Page Levels */
#lvl1 { width: 987px; display: block; margin: 0; padding: 10px 0 15px; }
#lvl2 { width: 987px; display: block; margin: 0; padding: 5px 0; }
#lvl3 { width: 987px; display: block; margin: 0; padding: 25px 0 0; }
/* MasterPage Columns */
#clmContent { display: inline-block; vertical-align: top; width: 816px; min-height: 480px; border-right: 1px solid #ababab; margin: 0; overflow: hidden; }
#clmContent > * { padding: 10px 10px 10px 20px; width: 785px; }
#clmMenu { display: inline-block; vertical-align: top; width: 160px; margin: 0; }
#clmMenu > * { margin: 10px; }
#clmSingle { display: block; width: 987px; min-height: 460px; }
#clmSingle > * { margin: 10px 10px 10px 20px; width: 785px; }
/* Footer */
#footer { height: 17px; text-align: center; margin: 20px 0 28px; padding: 10px; clear: both; }
#footer p { color: #06c; font-size: 11px; margin: 0; padding: 0 1px; }
#footer .copyright { display: block; }

/* Body styles*/
.lvl { padding-left: 10px; }
.clmnTwo { display: inline-block; width: 50%; margin: 0 -0.1em; vertical-align: top; }
.clmnTwo > * { padding: 0 1em 0 1em; }
.clmnOne { clear: both; }
.clmnOne > * { padding: 0 1em 0 1em; }
.clmnStdSize { width: 560px; }
/* Page areas styles overrides*/
#clmContent h5 { font-weight: 700; font-size: 13px; margin-top: 10px; color: #444; }
#clmMenu p { margin: 8px 0; padding: 0; }

/* Navigation Menu */
ul#nav { text-align: left; list-style-type: none; margin: 0; padding: 0; }
#nav li { display: inline-block; text-decoration: none; text-align: center; letter-spacing: 0.5px; padding-right: 7px; vertical-align: top; }
#nav li a { letter-spacing: 0.5px; display: block; text-align: center; white-space: nowrap; outline: none; font-size: 120%; padding: 0 10px; }

/* Login*/
.AvatarBack { background-image: url(../../App_Themes/Gray/Images/ImgBack.png); height: 70px; width: 70px; }
.lBar p { margin: 10px 0; line-height: 14px; }
.bracket { font-size: 120%; font-weight: bolder; }

/* Help Box */
.helpBox, .helpBoxSized { border: solid 2px #DEDEDE; background: #FFC; color: #222; font-size: 80%; padding: 0.5em; margin: 0.5em; }
.helpBoxSized { width: 500px; }

/*Table Related to SKIN */
.tableBasic { width: 100%; table-layout: fixed; }

.commandColumn { width: 28px; text-align: center; }
.commandColumnLarge { width: 48px; text-align: center; }

.tableRow td, .tableBasic td, .tableHeader, .tableBasic th { border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; font-size: 11px; }
.tableRow td, .tableBasic td { overflow: hidden; background: #eaeaea; padding: 6px; color: #369; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #becedc; border-bottom-color: #becedc; border-left-color: #becedc; }
.tableHeader, .tableBasic th { color: #444; border-top: 1px solid #c1dad7; text-align: center; padding: 4px; background: transparent url(../../App_Themes/Gray/Images/gradient.png) repeat-x scroll 0 0; border: 1px solid #becedc; }
.tableBasic tfoot td { padding: 0; margin: 0; }
.tableBasic .spanCol { font-size: 80%; padding: 2px; }
.tableBasic .AspNet-GridView-Empty td, .tableBasic .AspNet-GridView-Empty tr { background: transparent; border: 0; color: #444; font-size: 100%; }

/*Boxes */
div.box { background: #eaeaea; font-size: 90%; border-top: solid 2px #BBB; border-bottom: solid 2px #BBB; margin: 10px 0 10px 0; }
div.box .title span { vertical-align: middle; }
div.box .content p { margin: 0; padding: 0; }
div.box .content { padding: 5px; }
div.box .leftCol { width: 40%; vertical-align: top; }
div.box .rightCol { padding-left: 10px; }
div.box h3 { color: #111; font-size: 150%; margin: 0; padding-right: 5px; }

/* Pager*/
.pagerStyle { background: #fff url(../../App_Themes/Gray/Images/gradient.png) repeat-x center; border-bottom: solid 1px #999; height: 24px; text-align: center; }
.pagerStyle table { text-align: center; margin: auto; }
.pagerStyle table td { border: 0; padding: 5px; }
.pagerStyle td { border-top: #999 1px solid; }

/* Progress bar*/
.progB, .progBR { width: 100px; border: solid 1px #444; height: 12px; vertical-align: top; background: #FFF url(../../App_Themes/Gray/Images/progressBarBack.gif) repeat-x scroll 0 0; display: inline-block; }
.progBImg { vertical-align: top; }
.progBPer { font-size: 80%; font-weight: 700; margin: 0 0 6px 4px; vertical-align: top; }
.progBR { width: 50px; border: solid 1px #666; }

/* Progress update*/
#progressBackgroundFilter { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; z-index: 20000; margin: 0; padding: 0; }
#processMessage { position: fixed; top: 30%; left: 43%; width: 14%; z-index: 20001; background-color: #fff; border: solid 1px #000; padding: 10px; }

.ajax__tab_s2b { margin-top: 10px; }
.ajax__tab_s2b .ajax__tab_header { font-size: 10px !important; font-weight: 100; color: #222; }
.ajax__tab_s2b .ajax__tab_outer { background: url(../../App_Themes/Gray/Images/Tabs/tab-right.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_outer, .ajax__tab_s2b .ajax__tab_inner { height: 22px; vertical-align: bottom; }
.ajax__tab_s2b .ajax__tab_inner { background: url(../../App_Themes/Gray/Images/Tabs/tab-left.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_tab { vertical-align: bottom; display: -moz-inline-box; height: 22px; display: inline-block; background: url(../../App_Themes/Gray/Images/Tabs/tab.gif) repeat-x bottom; padding: 0 6px 0 6px; }
.ajax__tab_s2b .ajax__tab_hover .ajax__tab_outer { background: url(../../App_Themes/Gray/Images/Tabs/tab-hover-right.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_hover .ajax__tab_inner { background: url(../../App_Themes/Gray/Images/Tabs/tab-hover-left.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_hover .ajax__tab_tab { background: url(../../App_Themes/Gray/Images/Tabs/tab-hover.gif) repeat-x bottom; }
.ajax__tab_s2b .ajax__tab_active .ajax__tab_outer { background: url(../../App_Themes/Gray/Images/Tabs/tab-active-right.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_active .ajax__tab_outer, .ajax__tab_s2b .ajax__tab_active .ajax__tab_inner, .ajax__tab_s2b .ajax__tab_active .ajax__tab_tab { height: 27px; min-height: 27px; }
.ajax__tab_s2b .ajax__tab_active .ajax__tab_inner { background: url(../../App_Themes/Gray/Images/Tabs/tab-active-left.gif) no-repeat bottom; }
.ajax__tab_s2b .ajax__tab_active .ajax__tab_tab { background: url(../../App_Themes/Gray/Images/Tabs/tab-active.gif) repeat-x bottom; }
.ajax__tab_s2b .ajax__tab_body { border: 1px solid #ababab; background: #d3d3d3; padding: 10px; }
.ajax__tab_s2b .ajax__tab_header a { color: #000; }
.ajax__tab_s2b .ajax__tab_header a:hover { color: #000; text-decoration: none; background: url(../../App_Themes/Gray/Images/Tabs/tab-hover.gif) repeat-x bottom; }
.ajax__tab_s2b .ajax__tab_active a:hover { background: url(../../App_Themes/Gray/Images/Tabs/tab-active.gif) repeat-x bottom; }

.tab_ml .ajax__tab_header { border: 0; padding-left: 13em; background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-line.gif) repeat-x bottom; }
.tab_ml .ajax__tab_outer { padding: 0; padding-right: 0px; background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-right.gif) no-repeat right; height: 21px; }
.tab_ml .ajax__tab_inner { padding: 0; padding-left: 3px; background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-left.gif) no-repeat; }
.tab_ml .ajax__tab_tab { height: 13px; font-size: 11px; padding: 4px; margin: 0; background: url(../../App_Themes/Gray/Images/Tabs/ml/tab.gif) repeat-x; display: block; }
.tab_ml .ajax__tab_hover .ajax__tab_outer { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-hover-right.gif) no-repeat right; }
.tab_ml .ajax__tab_hover .ajax__tab_inner { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-hover-left.gif) no-repeat; }
.tab_ml .ajax__tab_hover .ajax__tab_tab { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-hover.gif) repeat-x; }
.tab_ml .ajax__tab_active .ajax__tab_outer { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-active-right.gif) no-repeat right; height: 21px; min-height: 21px; }
.tab_ml .ajax__tab_active .ajax__tab_inner { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-active-left.gif) no-repeat; height: 21px; min-height: 21px; }
.tab_ml .ajax__tab_active .ajax__tab_tab { background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-active.gif) repeat-x; height: 21px; min-height: 21px; }
.tab_ml .ajax__tab_body { border: 0; background: url(../../App_Themes/Gray/Images/Tabs/ml/tab-line.gif) repeat-x bottom; padding: 10px 0; }

.ajax__slider_h_rail { display: inline-block; }

/* Ajax Calendar FIX for IE8*/
.ajax__calendar_title { padding: 0 10px; }

/*form
  form_s + form_i + form_e
    -> f_fld
        -> ff_lbl + ff_ctrl + ff_other
        -> ff_ctrl_nolbl + ff_other
    .> f_btns
        -> fb_btn + fb_btn
*/
/* form layout */
.form { margin: 0.25em 0.5em; }
.form_s { margin: 0.25em 0.5em 0; }
.form_i { margin: 0 0.5em; }
.form_e { margin: 0 0.5em 0.25em; }
/* editing form, field layout */
.f_fld { padding: 0 0.5em 0.5em; display: block; }
/*Inline field layout*/
.ff_lbl { vertical-align: top; font-weight: bold; display: inline-block; width: 13em; border-bottom: solid 1px #C0C0C0; overflow: hidden; }
.ff_ctrl { width: 15em; margin-left: 0.25em; display: inline-block; }
.ff_ctrl_nolbl { width: 15em; margin-left: 13.25em; }
.ff_other { vertical-align: top; display: inline-block; }
/*Two lines field layout*/
.ff_lblR { font-weight: bold; display: block; overflow: hidden; }
.ff_ctrlR { width: 22em; margin-left: 0.25em; display: inline-block; }
.ff_otherR { vertical-align: top; display: inline-block; }
/* editing form, buttons layout*/
/*Inline field layout*/
.f_btns { padding-top: 1em; margin-left: 14em; }
.fb_btn { vertical-align: middle; text-align: center; }
/*Two lines field layout*/
.f_btnsR { padding-top: 1em; margin-left: 0.25em; }
.fb_btnR { vertical-align: middle; text-align: center; }
/* viewing form, field layout */
.fv_fld { padding: 0 0.5em 0.25em; display: block; }
.fvf_lbl { vertical-align: top; font-weight: bold; display: inline-block; width: 13em; height: 100%; border-bottom: solid 1px #C0C0C0; overflow: hidden; }
.fvf_ctrl { margin: 0 0.25em; display: inline-block; max-width: 70%; }
.fvf_other { vertical-align: top; }

.sLeft { font-weight: 700; font-size: 12px; color: #444; margin-left: 0; }
.bottomContainer { margin-top: 10px; }

/* Rating Control*/
.RatingContainer { display: inline-block; width: 145px; min-width: 145px; }
.RatingContainer .ImageContainer { float: left; background-image: url(../../App_Themes/Gray/Images/RatingsStar/rating.png); background-repeat: no-repeat; width: 135px; height: 20px; line-height: 20px; position: relative; }
.RatingContainer .TextContainer { }
.RatingContainer .ImageContainer .item { height: 20px; width: 22px; float: left; cursor: pointer; cursor: hand; }
.ratingStar { font-size: 0; width: 20px; height: 20px; cursor: pointer; background-repeat: no-repeat; margin: 0; padding: 0; }
.filledRatingStar { background-image: url(../../App_Themes/Gray/Images/RatingsStar/rating_filled.png); }
.emptyRatingStar { background-image: url(../../App_Themes/Gray/Images/RatingsStar/rating_empty.png); }

/* Language Selector*/
.LanguageLink { padding-left: 10px; font-size: 90%; }
.LanguageLinkCurrent { padding-left: 10px; color: #333333; font-size: 110%; }

/* Modal Popup*/
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #eaeaea; width: 250px; border-color: Gray; border-style: solid; border-width: 2px; padding: 3px; }

/* Selector Button*/
.selectorButton { background-image: url(../../App_Themes/Gray/Images/Buttons/view.png); height: 16px; width: 16px; }
.selectorButton:hover { background-image: url(../../App_Themes/Gray/Images/Buttons/view_hover.png); }
.selectorButton:visited { }

/*MessageBox*/
.msgYellow { border: solid 1px #dedede; color: #222; background: #ffc; }
.msgNeutral, .msgError, .msgOk, .msgYellow { padding: 0.2em; font-style: italic; text-align: justify; }
.msgOk { border: 1px solid #8CFF8F; background: #c9ffca; color: #008000; }
.msgError, .msgOk { font-weight: bold; }
.msgError { border: solid 1px #c00; background: #f7cbca; color: #c00; }
.msgNeutral { border: 1px solid #808080; }

/* Search*/
.searchBox1 { background-color: #fff; border: 1px solid #b0b8be; padding: 2px; }
.searchBox2 { border: 1px solid #e3e3e4; }
.searchBox3 { border: 1px solid #f0f0f0; }
/* Search Input*/
.searchInput, .searchInputSmall { border: 1px solid #fff; color: #333; padding: 0px; vertical-align: middle; width: 462px; }
.searchInputWatermark, .searchInputWatermarkSmall { border: 1px solid #fff; color: #C0C0C0; padding: 0px; vertical-align: middle; width: 462px; }
/* Search Input small*/
.searchInputSmall { width: 320px; }
.searchInputWatermarkSmall { width: 320px; }
/* Search Image/Type Switch*/
.searchImg { margin: 0; margin-right: 1px; background: url(../../App_Themes/Gray/Images/Buttons/search.gif); border: none; cursor: pointer; height: 24px; vertical-align: middle; width: 24px; }
.searchTypeSwitch { float: right; margin-right: 10px; vertical-align: middle; }
/* Search form and fields*/
.cssformSearch { width: 700px; margin-top: 10px; margin-bottom: 15px; }
.cssformSearch .cssformField { padding-left: 30px; margin-top: 10px; }
.cssformSearch .cssformLbl { font-weight: 700; font-size: 12px; color: #444; margin-left: 5px; width: 100px; vertical-align: top; display: inline-block; }
.cssformSearch .cssformCtrl { width: 510px; display: inline-block; }
/* Advanced search overlay panel*/
.cssformOverlay { margin-top: 5px; margin-left: 130px; width: 500px; position: absolute; z-index: 2; }
.cssformOverlay .top { background-position: center bottom; width: 100%; height: 10px; background-repeat: no-repeat; background-image: url(../../App_Themes/Gray/Images/overlay_top.png); }
.cssformOverlay .bodybackground { background-position: center; width: 100%; display: none; background-image: url(../../App_Themes/Gray/Images/overlay_background.png); background-repeat: repeat-y; }
.cssformOverlay .bodycontent { margin: 5px 20px 10px 20px; }
.cssformOverlay .bottom { background-position: center top; width: 100%; height: 23px; background-repeat: no-repeat; background-image: url(../../App_Themes/Gray/Images/overlay_bottom.png); }

/* Filters overlay panel*/
.filterOverlay { margin-left: 263px; width: 500px; position: absolute; z-index: 2; margin-top: -23px; }
.filterOverlay .top { background: url(../../App_Themes/Gray/Images/overlay2_top.png) no-repeat right bottom; height: 23px; }
.filterOverlay .top, .filterOverlay .hidingbody, .filterOverlay .intermediate, .filterOverlay .bottom { width: 100%; }
.filterOverlay .hidingbody { background: url(../../App_Themes/Gray/Images/overlay2_background.png) repeat-y center; display: none; }
.filterOverlay .intermediate { background: url(../../App_Themes/Gray/Images/overlay2_intermediate.png) no-repeat right bottom; vertical-align: top; }
.filterOverlay .intermediate, .filterOverlay .bottom { height: 2px; }
.filterOverlay .bodycontent { margin: 0 20px 0 20px; }
.filterOverlay .bottom { background: url(../../App_Themes/Gray/Images/overlay2_bottom.png) center bottom; }

.dragPanel { width: 7px; height: 300px; cursor: move; background: transparent url(../../App_Themes/Gray/Images/DragPanel.gif) repeat-y; }

div.formBody { margin-right: 20px; margin-left: 20px; }

.validationSummary { border: solid 1px #c00; background: #f7cbca; color: #c00; padding: 2px 2px 2px 20px; text-align: left; font-style: italic; text-align: justify; background-image: url(../../App_Themes/Gray/Images/Arrows/message_error16x16.png); background-repeat: no-repeat; background-position: 2px 50%; }
.validationSummary ul { display: none; }

/* Registered Users Menu */
.RegMenu ul.AspNet-Menu { background: transparent url(../../App_Themes/Gray/Images/Nav/gradient.png) repeat-x scroll 0 0; background-color: #DDF; border: 1px solid #70777D; border-left: 1px solid #A5AFB8; border-top: 1px solid #A5AFB8; font-weight: 700; height: 19px; font-size: 12px; z-index: 10; }
.RegMenu ul.AspNet-Menu span, .RegMenu ul.AspNet-Menu a { color: #444; padding: 0 8px; }
.RegMenu ul.AspNet-Menu ul { background: #E6E6E6; border: 1px solid #70777D; width: 200px; padding: 5px 0px 5px 0px; }
.RegMenu ul.AspNet-Menu ul li { border: none; width: 100%; margin: 0px; border-bottom: dotted 1px #CCCCCC; }
.RegMenu ul.AspNet-Menu ul ul { left: 198px; top: 2px; padding: 0px; }
.RegMenu li { cursor: pointer; }
.RegMenu ul.AspNet-Menu ul span, .RegMenu ul.AspNet-Menu ul a { color: #70777D; padding: 2px 5px 2px 5px; z-index: 1000; }
.RegMenu li.AspNet-Menu-Leaf { float: none; display: inline-block; }
.RegMenu li.AspNet-Menu-WithChildren { float: none; display: inline-block; }
.RegMenu ul.AspNet-Menu ul span.AspNet-Menu-NonLink:hover { background: transparent url(../../App_Themes/Gray/Images/Nav/arrowRight.gif) right center no-repeat; }

.RegMenu li:hover a, .RegMenu li:hover span { background: url(../../App_Themes/Gray/Images/Nav/gradient-alt.png) repeat-x; color: #444; }
.RegMenu li:hover li a, .RegMenu li:hover li:hover li a, .RegMenu li:hover li:hover li span { color: #70777D; background: none !important; border: none; }
.RegMenu li:hover li span { border: none; color: #70777D; background: url(../../App_Themes/Gray/Images/Nav/arrowRight.gif) no-repeat right; }
.RegMenu li:hover, .RegMenu li:hover li:hover a, .RegMenu li:hover li:hover span, .RegMenu li:hover li:hover li:hover a, .RegMenu li:hover li:hover li:hover span { color: #444; background: url(../../App_Themes/Gray/Images/Nav/gradient.png) repeat-x; }
.RegMenu li:hover li:hover span { background: transparent url(../../App_Themes/Gray/Images/Nav/arrowRight.gif) right center no-repeat; }

.GoupBoxTooltip .tborder, .GoupBoxTooltip .alt1 { background: #fff; color: #000; }
.GoupBoxTooltip .tborder { border: 1px solid #dadada; }
.GoupBoxTooltip td.thead { padding: 4px; }
.GoupBoxTooltip .thead { background: #f9f9f9 url(../../App_Themes/Gray/Images/Tooltip/sprite.gif) repeat-x 0 bottom; color: #444; font-size: 13px; border-bottom: 1px solid #dadada; }
.GoupBoxTooltip td { padding: 3px; }
.GoupBoxTooltip td.alt1 { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px; font-size: 11px; }
.GoupBoxTooltip .alt1 { width: 500px; }
.GoupBoxTooltip a:link { color: #175c9e; text-decoration: none; }

/*Generic Items*/
.gContainer { margin-top: 5px; }
.gTitle { font-size: 90%; font-weight: 700; }
.gDate { font-weight: 700; font-style: italic; font-size: 80%; }
.gBody { font-size: 80%; }
.blackStyle { color: #111; }
.borderJob { border-bottom: dotted 1px #AAA; font-size: 80%; }