html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; } p { margin-top: 0; margin-bottom: 5px; } fieldset { border: 0; padding: 5px 0; } span.pathway { display: block; height: 16px; line-height: 16px; vertical-align: middle; margin-top: 5px; margin-bottom: 10px; font-weight: bold; } span.pathway img { margin: 0px 10px; vertical-align: middle; } div#pathway { margin-bottom: 10px; padding-left: 8px; } a.readon { display: block; float: left; padding-left: 20px; margin-top: 10px; line-height: 14px; height: 16px; background: url(/templates/rt_versatility_ii_beige/css/../images/play.png) no-repeat; }  body { line-height: 125%; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; color: #5B5648; }  body.f-smaller { font-size: 10px; } body.f-default { font-size: 11px; } body.f-larger { font-size: 13px; } a { color: #960000; } a:hover { color: #000; } td.left a.mainlevel#active_menu { color: #000; } .small, .modifydate, .createdate, div.mosimage_caption { font-size: 100%; } #nav a, #inset a { font-size: 110%; } div.moduletable h3, .contentheading, .componentheading { font-size: 130%; color: #2D2B20; } .componentheading { margin-bottom: 15px; } td.componentheading { padding-bottom: 15px; }  h3, .contentheading, .componentheading, #nav, .sectiontableheader, span.pathway, .small, .createdate, .modifydate, #inset { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; }  div.moduletable h3 { margin-top: 5px; margin-bottom: 10px; padding-bottom: 0; } div.moduletable { margin-bottom: 10px; } td.left div.moduletable, td.right div.moduletable { margin-bottom: 15px; } div.moduletable ul { margin: 5px 0; padding: 0 2em; } div.moduletable ul li { padding-bottom: 3px; }  a.mainlevel { display: block; } a.sublevel { } a.mainlevel:hover { text-decoration: none; } a.sublevel:hover { text-decoration: none; } #inset a.mainlevel { display: inline; background: none; padding: 0 15px; }  a.mainlevel { display: block; height: 16px; line-height: 15px; padding: 0; padding-left: 20px; background: url(/templates/rt_versatility_ii_beige/css/../images/play.png) no-repeat; margin-bottom: 3px; } a#active_menu:link, a#active_menu:visited { color: #333; } li.active_menu a:link, li.active_menu a:visited { color: #333; } a.sublevel:link, a.sublevel:visited { font-weight: bold; }  h1 { padding-bottom: 5px; margin-bottom: 1em; } h2 { padding-bottom: 5px; } h3 { padding-bottom: 5px; } h4 { padding-bottom: 5px; } .small { font-weight: bold; color: #8C876B; } .modifydate { height: 20px; vertical-align: bottom; font-weight: bold; color: #8C876B; } .createdate { height: 20px; vertical-align: top; font-weight: bold; vertical-align: top; padding-bottom: 5px; padding-top: 0px; color: #8C876B; }  table.contenttoc { margin: 5px; padding: 5px; } table.contenttoc td { padding: 0 5px; } td.buttonheading { vertical-align: middle; } td.buttonheading img { margin-right: 5px; } table.mainbody td.mainbody td.sectiontableheader { font-weight: bold; padding: 4px; line-height: 20px; background: #edece9; border-bottom: 1px solid #dfdedc; } table.mainbody td.mainbody tr.sectiontableentry1 td, table.mainbody td.mainbody tr.sectiontableentry2 td { padding: 4px; border-bottom: 1px solid #edece9; } table.mainbody td.mainbody td.sectiontableentry1, table.mainbody td.mainbody td.sectiontableentry2{ padding: 4px; border-bottom: 1px solid #edece9; } table.contentpaneopen, table.contentpane { border-collapse: collapse; padding: 0; margin: 0; width: 100%; } div.contentpane, div.contentpaneopen { width: 100%; } .clr { clear: both; } div.mosimage { margin: 5px; } table.adminform textarea { width: auto; color: #666; }  .w-wide div.wrapper { width: 900px; } .w-thin div.wrapper { width: 750px; } .w-fluid div.wrapper { margin: 0 0px; }  #showcase { border-bottom: 1px solid #d5c9ba; background: #e7e4dc url(/templates/rt_versatility_ii_beige/css/../images/showcase-bg.png) repeat-x; }  #page_bg { height: 100%; padding: 0; margin-bottom: 1px; background: #c3bda4; } #mainbg { background: url(/templates/rt_versatility_ii_beige/css/../images/body-bg.png) repeat-x; } #mainbg-2 { background: #fff url(/templates/rt_versatility_ii_beige/css/../images/body-shadow-br.png) 100% 0 repeat-y; } #mainbg-3 { background: transparent url(/templates/rt_versatility_ii_beige/css/../images/body-shadow-bl.png) 0 0 repeat-y; } #mainbg-4 { background: transparent url(/templates/rt_versatility_ii_beige/css/../images/body-shadow-tr.png) 100% 0 no-repeat; } #mainbg-5 { background: transparent url(/templates/rt_versatility_ii_beige/css/../images/body-shadow-tl.png) 0 0 no-repeat; padding: 0 2px; } #mainft-2 { background: #c3bda4 url(/templates/rt_versatility_ii_beige/css/../images/footer-shadow-tr.png) 100% 0 no-repeat; } #mainft-3 { background: transparent url(/templates/rt_versatility_ii_beige/css/../images/footer-shadow-tl.png) 0 0 no-repeat; padding: 0 24px; } div.wrapper { margin: auto; position: relative; } #showcase ul, td.left ul, td.right ul, #footer ul { list-style: none; margin: 0; padding: 0; } #showcase li, td.left li, td.right li, #footer li { border-bottom: 1px dotted #8e8a6e; padding-bottom: 0; margin-bottom: 2px; } #showcase .padding, #footer .padding { padding: 5px 0px; } #mainbody-padding { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #inset { color: #ccc; text-align: center; margin: 15px 0; } #inset table { width: auto; margin: 0 auto; } #footer { padding-top: 10px; } #the-footer { text-align: center; background: #938c69; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #C4BD9A; } #the-footer .padding { padding: 10px 0; width: 100%; border-top: 1px solid #c4bd9a; } table.showcase, table.mainbody, table.headlines, table.footer { width: 100%; padding: 0; } table.headlines { margin-top: -5px; } table.showcase tr, table.mainbody tr, table.headlines tr, table.footer tr { vertical-align: top; } table.showcase td.showcase, table.footer td.footer, table.headlines td.headlines { width: 33%; } table.showcase td.showcase, table.footer td.footer, table.mainbody td.left, table.mainbody td.right, table.headlines td.headlines { padding: 0 10px; } table.mainbody td.mainbody { padding: 0; background: #f1eee6 url(/templates/rt_versatility_ii_beige/css/../images/content-bg.png) repeat-x; } td.mainbody .padding { padding: 0 15px; } table.mainbody td.left, table.mainbody td.right { width: 18%; background: #e7e4dc url(/templates/rt_versatility_ii_beige/css/../images/side-bg.png) repeat-x; padding-top: 5px; } table.mainbody td.left { border-right: 1px solid #fff; } table.mainbody td.right { border-left: 1px solid #fff; } table.headlines td.headlines { background: #f4f1ea; }  #toolbar { height: 31px; background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-bg.png) repeat-x; position: relative; }  .hide { display: none; } form { border: 0; margin: 0; padding: 0; } table.blog span.article_seperator { display: block; height: 20px; } table.pollstableborder td { text-align: left; padding: 2px 0; } input#mod_search_searchword { width: 120px; } .highlight { background-color: #ffc; } table#adminform #toolbar { background: none; } table.sample { border-width: 4px 4px 4px 4px; border-spacing: 0px; border-style: ridge ridge ridge ridge; border-color: gray gray gray gray; border-collapse: separate; } table.sample th { border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; -moz-border-radius: 0px 0px 0px 0px; } table.sample td { border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: solid solid solid solid; border-color: gray gray gray gray; -moz-border-radius: 0px 0px 0px 0px; }   .tabberlive .tabbertabhide { display:none; }  .tabber { } .tabberlive { margin-top:1em; }  ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }  .tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0;     }  .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; }  .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }  #header { position: relative; height: 90px; overflow: hidden; background: #710000 url(/templates/rt_versatility_ii_beige/css/../images/header-bg.png) repeat-x; } #access { position: absolute; z-index: 10000; top: 0; right: 25px; width: 200px; height: 1px; overflow: hidden; } #access #selectors { position: relative; height: 1px; } #access span { background-repeat: no-repeat; } #access a { text-decoration: none; } .font-selector, .width-selector { display: block; position: absolute; top: 0; width: 12px; height: 6px; } .f-smaller #selectors .font-selector { right: 159px; } .f-default #selectors .font-selector { right: 129px; } .f-larger #selectors .font-selector { right: 99px; } .w-thin #selectors .width-selector { right: 70px; } .w-wide #selectors .width-selector { right: 40px; } .w-fluid #selectors .width-selector { right: 10px; } #access #buttons { float: right; } #access .button { display: block; float: right; width: 20px; height: 12px; margin: 0 5px; background-repeat: no-repeat } #logo { position: absolute; top: 15px; left: 10px; display: block; width:280px; height: 66px; background: url(/templates/rt_versatility_ii_beige/css/../images/logo.png) no-repeat; } #top { height: 60px; padding-top: 15px; overflow: hidden; margin-left: 300px; margin-bottom: 10px; margin-right: 25px; color: #F1EEE6; } .font-selector, .width-selector { background: url(/templates/rt_versatility_ii_beige/css/../images/access-select.png) no-repeat; } .lrg .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-lrg.png); } .sml .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-sml.png); } .med .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-med.png); } .thin .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-thin.png); } .wide .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-wide.png); } .fluid .button { background: url(/templates/rt_versatility_ii_beige/css/../images/access-fluid.png); }  #toolbar { padding-left: 1px; } #nav { background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-div.png) 0 0 no-repeat; margin: 0; padding: 0; height: 31px; } #nav a { font-weight: bold; color: #fff; float: left; color: #ffffff; text-decoration: none; display: block; float: left; cursor: pointer; height: 31px; line-height: 31px; padding: 0 15px; } #nav a.topdaddy, #nav li.active a.topdaddy { background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-select2.png) 100% 0 no-repeat; padding-right: 20px; } #nav ul ul a.daddy { background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-select3.png) 100% 50% no-repeat; } #nav li a { background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-div.png) 100% 0 no-repeat; } #nav li li a{ background: none; font-weight: normal; padding: 0; text-indent: 10px; } #nav ul li a:hover, #nav ul li ul li a:hover, #nav ul li ul li ul li a:hover { color: #710000; } #nav, #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li li { padding: 0; background: none; border-bottom: 1px solid #747059; border-top: 1px solid #9e997a; }  #nav a { }  #nav ul ul a { display: block; color: #ffffff; text-decoration: none; width: 167px; text-transform: none; }  #nav li { float: left; padding: 0; background: none; height: 29px; } #nav ul li { position: relative; } #nav li ul { top: 31px; position: absolute; left: -999em; height: auto; width: 170px; font-weight: normal; border-width: 0; margin: 0; padding: 0; border-right: 1px solid #747059; border-left: 1px solid #9e997a; border-bottom: 1px solid #747059; } #nav ul { padding: 0; margin: 0; margin-left: 2px; } #nav li li { float: left; padding: 0; width: 170px; }  #nav li ul ul { margin: -31px 0 0 170px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{ z-index: 100; left: 0; } #nav li:hover, #nav li.sfhover { left: 0; } #nav li:hover a, #nav li.sfhover a { color: #ffffff; } #nav li li:hover a, #nav li li.sfhover a { color: #ffffff; }  #nav a { } #nav ul ul a { background: none; } #nav li.active { background: url(/templates/rt_versatility_ii_beige/css/../images/toolbar-select.png) 50% 0 no-repeat; } #nav li li.active { background: none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{ background: #8a856a; }  #footer { background: #a9a27f url(/templates/rt_versatility_ii_beige/css/../images/footer-bg.png) repeat-x; } #footer li { border-bottom: 1px dotted #c4bd9a; } #footer div.moduletable { color: #F1EEE6; } #footer h3 { color: #fff; } #footer a { color: #fff; } #footer a:hover { color: #ccc; } #cpanel { text-align: center; vertical-align: middle; } #cpanel div.icon { margin: 3px; } #cpanel div.icon a { display: block; float: left; height: 97px !important; height: 100px; width: 108px !important; width: 110px; vertical-align: middle; text-decoration : none; border: 1px solid #DDD; padding: 2px 5px 1px 5px; margin: 0px 0px 0px 0px; color : #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #cpanel div.icon a:link { color : #808080; } #cpanel div.icon a:hover { color : #333; background-color: #f1e8e6; border: 1px solid #c24733; padding: 3px 4px 0px 6px; } #cpanel div.icon a:active { color : #808080; } #cpanel div.icon a:visited { color : #808080; } #cpanel div.icon img { margin-top: 10px; } #cpanel div.icon span { display: block; padding-top: 0px;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/lightbox/css/http://www.thaindian.com/lightbox/images/blank.gif) no-repeat;  display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/css/http://www.thaindian.com/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/css/http://www.thaindian.com/lightbox/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }