/*----------Layout---------*/
html, body { margin: 0; padding: 0; font: 12px Arial, sans-serif; color: #666; }
#divFooter { margin: auto; width: 900px; }
#divFooterMenu { background: url(/images/layout/footer-background.jpg) top repeat-x; padding: 4px 4px 4px 4px; margin-top: 12px; }
#divFooterMenuInner { color: #FFF; font-weight: bold; font-size: 11px; }
#divFooterMenuInner a:link, #divFooterMenuInner a:visited { color: #FFF; font-weight: bold; }
#divFooterMenuInner a:hover { color: #333; font-weight: bold; text-decoration: none; }

#tdBodyTopLeft { background: url(/images/layout/skin/body-top-left.jpg) top left no-repeat; height: 12px; }
#tdBodyTop { background: url(/images/layout/skin/body-top.jpg) top left repeat-x; height: 12px; }
#tdBodyTopRight { background: url(/images/layout/skin/body-top-right.jpg) top left no-repeat; height: 12px; }
#tdBodyMiddleLeft { background: url(/images/layout/skin/body-left.jpg) top left repeat-y; text-align: right; }
#tdBodyMiddle { background: url(/images/layout/skin/body-middle-top.jpg) top left repeat-x; padding: 8px; height: 360px; }
#tdBodyMiddleRight { background: url(/images/layout/skin/body-right.jpg) top left repeat-y; }
#tdBodyBottomLeft { background: url(/images/layout/skin/body-bottom-left.jpg) top left no-repeat; height: 25px; overflow: hidden; }
#tdBodyBottom { background: url(/images/layout/skin/body-bottom.jpg) top left repeat-x; height: 25px; overflow: hidden; }
#tdBodyBottomRight { background: url(/images/layout/skin/body-bottom-right.jpg) top left no-repeat; height: 25px; overflow: hidden; }

.tdTabLeft { background: url(/images/buttons/skin/tab-background-left-hover.jpg) top left no-repeat; height: 47px; }
.tdTabMiddle { background: url(/images/buttons/skin/tab-background-middle-hover.jpg) top left no-repeat; height: 47px; font-size: 11px; font-weight: bold; }
.tdTabRight { background: url(/images/buttons/skin/tab-background-right-hover.jpg) top left no-repeat; height: 47px; }
.tdTabMiddle a:link, .tdTabMiddle a:visited { color: #888; }
.tdTabMiddle a:hover { color: #444; }

a { text-decoration: none; color: #666; }
a:hover { color: #BBB; text-decoration: underline; }
p { margin: 0px; padding: 2px 0px 8px 0px; color: #666; }
h1 { margin: 0px; padding: 4px 0px 4px 0px; font-size: 24px; color: #555; font-weight: bold; }
h2, h2 a { margin: 0px 0px 4px 0px; padding: 0px; font-size: 20px; margin-bottom: 4px; color: #ff6600; }
h3 { margin: 4px 0px 8px 0px; padding: 0px; font-size: 16px; line-height: 16px; color: #ff6600; }
img { border: 0px; }
a img { background: transparent; }

.small, .small td, .small p, .small li { font-size: 11px; }
.tiny { font-size: 9px; }
.clearing { clear: both; }
.big { font-size: 14px; }
.red { color: #ff6600; }
.green { color: #333; }
.purple { color: #333; }
.black { color: #333; }
.white { color: #FFF; }
.grey { color: #888; }

select, select.small, input.small, select.formfield { font-size: 10px; background-color: #FFF; border: 1px solid #444; color: #444; }
input, input.formfield { background-color: #FFF; font-size: 11px; border: 1px solid #CCC; }
input.formfieldlarge { background-color: #FFF; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #CCC; }
input.formfieldtext { height: 18px; font-size: 11px; border: 1px solid #BBB; background: url(/images/layout/textbox-background.jpg) repeat-x; padding: 4px 0px 0px 2px; }
textarea, textarea.formfield { font-size: 11px; background-color: #EEE; border: 1px solid #CCC; font: Arial; }
input[type=checkbox] { background-color: transparent; font-size: 11px; border: 0px; }
input[type=radio] { background-color: transparent; font-size: 11px; border: 0px; }
input.formfield { padding: 1px; }

.divContainer { background-color: #f7f7f7; border: 1px solid #DDD; padding: 4px 4px 4px 4px; }
/*-----Lists------*/
ul.grid { margin: 0; padding: 0; margin-top: 5px; margin-bottom: 25px; margin-right: -20px; margin-left: -10px; }
ul.grid li { margin: 0; padding: 0; width: 110px; height: 110px; float: left; text-align: center; list-style: none; }
ul.grid li a:link { text-decoration: none; }
ul.grid li a:visited { text-decoration: none; }
ul.grid li a:hover { text-decoration: underline; }

.divGridImage { float: left; height: 132px; width: 112px; }
.divGridImageInner { }
.divGridImageInner > div { }
.divGridImage > .divImageInformation > p { text-align: right; margin-right: 6px; }
.divGridImageSmall { }
.divGridImageSmallInner { float: left; width: 72px; height: 76px; font-size: 10px; }
.imgBorder {border:4px solid #666;}

.outer { width: 186px; height: 142px; overflow: hidden; position: relative; float: left; }
.outer[id] { display: table; position: static; }
.middle { position: absolute; margin-top: 0px; margin-bottom: 0px; width: 186px; }
/* for explorer only*/
.middle[id] { display: table-cell; vertical-align: middle; position: static; }
.inner { position: relative; width: 160px; margin: auto; text-align: center; font-size: 11px; color: #333; }
/* for explorer only */

/*-----ASP.NET------*/
.modalBackground { background-color: #fff; filter: alpha(opacity=80); opacity: 0.8; }
.divModalPopup { position:absolute;border: 4px solid #999; background-color: #FFF; width: 480px; height: 320px; font-size: 14px; text-align: left; }
.divModalPopupHeader { padding: 8px 8px 0px 8px; width: 464px; height: 30px; background-color: #EEE; color: #444; font-weight: bold; font-size: 18px; }
.divModalPopupInner { padding: 8px 8px 0px 8px; height: 230px; overflow: auto; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.divModalPopupButtons { padding: 6px 8px 0px 8px; height: 32px; }
.modalPopup { border: 1px solid #FFF; background-color: #edead9; padding: 10px; }
.watermarked { background-color: #FFF; font-size: 11px; border: 1px solid #CCC; color: #CCC; }
.watermarkedlarge { background-color: #FFF; font-size: 14px; border: 1px solid #CCC; color: #CCC; }
.autocomplete_completionListElement { list-style: none; font-size: 11px; background-color: #FFF; margin:0px;padding:0px;margin-top: -1px; margin-left:0px;border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.autocomplete_listItem { list-style: none; font-size: 11px; margin:0px;padding:0px;}
.autocomplete_highlightedListItem { list-style: none; font-size: 11px; background-color: #EEE; margin:0px;padding:0px;}

.GridViewPager { height: 23px; }
.GridViewHeaderSortA { background: url(/images/icons/arrow-up.gif) no-repeat 95% 50%; }
.GridViewHeaderSortD { background: url(/images/icons/arrow-down.gif) no-repeat 95% 60%; }

table.grid { border: 1px solid #333; }
table.grid tr th { background-color: #f7f7f7; font-size: 11px; color: #333; text-align: left; vertical-align: top; font-weight: bold; }
table.grid tr td { padding: 2px; }
table.grid tr th a { color: #000; font-weight: bold; }
table.grid tr td a { font-weight: bold; }

table.list { margin: 0; padding: 0; border: 1px solid #EEE; }
table.list tr { height: 16px; }
table.list tr th { background-color: #e5e5e5; text-align: left; vertical-align: top; font-weight: bold; margin: 0; padding: 2px 0px 2px 0px; }
table.list tr td { border-bottom: 1px solid #EEE; padding: 2px; background-color: #f7f7f7; }
table.list tr th a { color: #000; font-weight: bold; }
table.list tr td a { font-weight: bold; }

table.simple { margin: 0; padding: 0; }
table.simple tr th { text-align: left; font-weight: bold; margin: 0; }
table.simple tr td { color: #666; }

table.normal { border: 0px; }
table.normal tr th { border: 0px; text-align: left; vertical-align: top; font-weight: bold; margin: 0; padding: 2px; font-size: 12px; }
table.normal tr td { padding: 2px; vertical-align: top; color: #666; font-size: 12px; border: 0px; }

table.grid tr.gridHover { background-color: #faf8f2; }
table.grid tr.gridHover td { background-color: #faf8f2; }

.divFormBox { border: 1px solid #DDD; }
.divFormBoxInner { padding: 4px; }
.divFormBoxFooter { background-color: #f7f7f7; padding: 4px; }

.divDetailsStep { background: url(/images/layout/skin/step-background.gif) top repeat-x; height: 32px; display: block; border: 1px solid #444; padding: 0 8px 0 8px; color: #555; }
.divDetailsStepHover { background: url(/images/layout/skin/step-background-hover.gif) top repeat-x; height: 32px; display: block; border: 1px solid #444; padding: 0 8px 0 8px; }

table.smooth { background: url(/images/layout/spacer-white-70.png) repeat; margin: 0; padding: 0; }
table.smooth tr th { background: url(/images/layout/leaderboard-header-middle.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; font-weight: bold; }
table.smooth tr th.thFirst { background: url(/images/layout/leaderboard-header-left.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr th.thLast { background: url(/images/layout/leaderboard-header-right.gif) top right no-repeat; }
table.smooth tr td {background: url(/images/layout/leaderboard-row-middle.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; color: #333; }
table.smooth tr td.tdFirst { background: url(/images/layout/leaderboard-row-left.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr td.tdLast { background: url(/images/layout/leaderboard-row-right.gif) top right no-repeat; }
table.smooth tr td.tdOrange { background: url(/images/layout/leaderboard-row-middle-hover.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstOrange { background: url(/images/layout/leaderboard-row-left-hover.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr td.tdLastOrange { background: url(/images/layout/leaderboard-row-right-hover.gif) top right no-repeat; }
table.smooth tr td a { color: #444; }
table.smooth tr td.tdYellow { background: url(/images/layout/leaderboard-row-middle-yellow.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstYellow { background: url(/images/layout/leaderboard-row-left-yellow.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr td.tdLastYellow { background: url(/images/layout/leaderboard-row-right-yellow.gif) top right no-repeat; }
table.smooth tr td.tdRed { background: url(/images/layout/leaderboard-row-middle-red.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstRed { background: url(/images/layout/leaderboard-row-left-red.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr td.tdLastRed { background: url(/images/layout/leaderboard-row-right-red.gif) top right no-repeat; }

table.smooth tr td.tdSilver { background: url(/images/layout/leaderboard-row-middle-silver.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstSilver { background: url(/images/layout/leaderboard-row-left-silver.gif) top left no-repeat; padding-left: 4px; }
table.smooth tr td.tdLastSilver { background: url(/images/layout/leaderboard-row-right-silver.gif) top right no-repeat; }
table.smooth tr td.tdAubergine { background: url(/images/layout/leaderboard-row-middle-aubergine.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #EEE; }
table.smooth tr td.tdFirstAubergine { background: url(/images/layout/leaderboard-row-left-aubergine.gif) top left no-repeat; padding-left: 4px; color: #EEE; }
table.smooth tr td.tdLastAubergine { background: url(/images/layout/leaderboard-row-right-aubergine.gif) top right no-repeat; color: #EEE; }
table.smooth tr td.tdWhite { background: url(/images/layout/leaderboard-row-middle-white.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstWhite { background: url(/images/layout/leaderboard-row-left-white.gif) top left no-repeat; padding-left: 4px; color: #333; }
table.smooth tr td.tdLastWhite { background: url(/images/layout/leaderboard-row-right-white.gif) top right no-repeat; color: #333; }
table.smooth tr td.tdBlack { background: url(/images/layout/leaderboard-row-middle-black.gif) top repeat-x; border-right: 2px solid #FFF; height: 21px; padding: 2px; vertical-align: middle; font-size: 11px; color: #333; }
table.smooth tr td.tdFirstBlack { background: url(/images/layout/leaderboard-row-left-black.gif) top left no-repeat; padding-left: 4px; color: #333; }
table.smooth tr td.tdLastBlack { background: url(/images/layout/leaderboard-row-right-black.gif) top right no-repeat; color: #333; }

table.smooth tr th, table.smooth tr td { padding-left: 4px; }


/*Box*/
.dialog { margin: 0px auto; min-width: 20em; color: #333; }
.dialog .hd .c, .dialog .ft .c { font-size: 1px; height: 13px; }
.dialog .ft .c { height: 14px; }
.dialog .hd { background: transparent url(/images/layout/box/tl.gif) no-repeat 0px 0px; }
.dialog .hd .c { background: transparent url(/images/layout/box/tr.gif) no-repeat right 0px; }
.dialog .bd { background: transparent url(/images/layout/box/ml.gif) repeat-y 0px 0px; }
.dialog .bd .c { background: transparent url(/images/layout/box/mr.gif) repeat-y right 0px; }
.dialog .bd .c .s { margin: 0px 8px 0px 4px; background: #c4c4c4 url(/images/layout/box/ms.jpg) repeat-x 0px 0px; padding: 1em; }
.dialog .ft { background: transparent url(/images/layout/box/bl.gif) no-repeat 0px 0px; }
.dialog .ft .c { background: transparent url(/images/layout/box/br.gif) no-repeat right 0px; }

/* content-specific */
.dialog h1 { color: #333; font-size: 20px; margin: 0px; padding: 0px; margin-top: -0.6em; }
.dialog a:hover { color: #333; }
.dialog p { color: #333; margin: 0.5em 0px 0px 0px; padding: 0px; font-size: 11px; }
.dialog li { padding: 0; }
.dialog table.grid { background-color: #d0d0d0; border: 1px solid #c4c4c4; }
.dialog table.grid tr th { background-color: #d0d0d0; font-size: 11px; border: 1px solid #c4c4c4; color: #333; text-align: left; vertical-align: top; font-weight: bold; }
.dialog table.grid tr td { background-color: #d0d0d0; padding: 2px; border: 1px solid #c4c4c4; }
.dialog table.grid tr th a { color: #000; font-weight: bold; }
.dialog table.grid tr td a { font-weight: bold; }
.dialog input.formfield { border: 1px solid #999; }
.dialog .divContainer { background-color: #d0d0d0; border: 1px solid #999; padding: 4px 4px 0px 4px; margin: 0; }
html > body .dialog pre { font-size: 1.1em; }