/* GENERIC RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,pre,fieldset,input,select,option,textarea,button,submit,reset,file { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="submit"] { cursor: pointer; }

/* GENERIC LAYOUT */
body { background: #fff url(/local/rok.tv/images/bg-body.gif) top left repeat-x; }
#wrapper, #topAccountCtrl, #leftPanel, #mastHead, #strap, #topMenu, #content, #footer { width: 970px; text-align: left; }
#wrapper { margin: 0 auto; }
#topAccountCtrl { height: 33px; margin-bottom: 14px; }
#leftpanel { clear: both; float: left; margin: 0; width: 202px; }
#mastHead { clear: both; height: 210px; width: 202px; }
#logo { display: block; width: 170px; height: 124px; float: left; margin: 0 0 23px 0 }
#content, #topMenu { float: right; width: 760px; }
#content { background: #fff; }
#topMenu { height: 56px; }
#footer, #footerLeft, #footerMid, #footerRight, #footerLower { height: 90px; padding-top: 20px; }
#footer { clear: both; }
#footerLeft { float: left; width: 320px; }
#footerMid { float: left; width: 330px; }
#footerRight { float: right; width: 320px; text-align: right; }
#subFooter { clear: both; height: 25px; }

/* GENERIC TYPOGRAPHY */
body, textarea { color: #000; font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 70%; }
fieldset,input,select,option,textarea,button,submit,reset,file { font-size: 100%; }
/* table, p, li, div, span, ul, li, a { font-size: 100%; } */
h1, h2, h3, h4, h5, p { clear: both; margin: 15px 15px 15px 15px;  font-weight: bold; }
h1 { font-size: 255%; letter-spacing: -1px; color: #000; }
h2 { font-size: 180%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }
p { font-weight: normal; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
/* sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }*/
abbr { border: 0; }

ul, ol { clear: both; }
ul li, ol li { margin: 10px 10px 10px 55px; line-height:90%; }
ul li { list-style-type: disc; line-height:120%; }
ol li { list-style-type: decimal; line-height:120%; }

ul ul { list-style-type: disc;  }
ul ul li { margin: 10px 10px 10px 30px; list-style-type: square;  }

ol ol { list-style-type: lower-alpha;  }
ol ol li { margin: 10px 10px 10px 35px; list-style-type: lower-alpha;  }

ul li h1, ul li h2, ul li h3, ul li h4, ul li h5, ul li p, ul li a  { margin:0; }
ol li h1, ol li h2, ol li h3, ol li h4, ol li h5, ol li p  { margin:0; }

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

/* MASTER TEMPLATE */
#mastHead span { clear: both; display: table; color: #fff; font-size: 17px; font-weight: bold;}

/* LOGIN/LOGOUT CONTROL */
#topAccountCtrl .topCtrlBtn { border: 0; color: #fff; background: none; font-weight: bold; font-size: 11px; margin: 0; padding: 0; }
/* #topAccountCtrl .topCtrlBtn:hover { color:#ccc; } */

#lgnInCtrl, #lgnOutCtrl { display: none; float: right; height: 23px; width: 600px; 	margin: 10px 0 0 0; text-align: right; color: #fff; }
#lgnInCtrl strong, #lgnOutCtrl strong { font-weight: bold; }
#lgnInCtrl input { border: 1px solid #000; padding:2px; margin:0 5px 0 0; color:#797979 }
#lgnInCtrl input:focus { color:#000 }

/* LEFT MENU */
.leftMenu { margin: 0; padding: 0; }
.leftMenu a:link, .leftMenu a:visited, .leftMenu a:hover, .leftMenu a:active
{ color: #000; display: block; text-decoration: none; padding: 10px 0 10px 0; font-weight: normal; border-bottom: 1px dashed #797979; }
.leftMenu a:hover { color: #797979; text-decoration: underline; }
.leftMenu a:active { color: #f00; }
.leftMenuOn { display: block; padding: 10px 0 10px 0; font-weight: bold; color: #797979; border-bottom: 1px dashed #797979; }

/* TOP MENU */
.topMenu { margin: 0; padding: 0; }
.topMenu a:link, .topMenu a:visited, .topMenu a:hover, .topMenu a:active
{ color: #fff; text-decoration: none; margin: 0 20px 0 0; font-size: 120%; font-weight: bold;  }
.topMenu a:hover { color: #797979; }
.topMenuOn { padding: 10px 0 10px 0; font-weight: bold; color: #797979; }

/* AUTHENTICATIED MENU */
.authMenu { display: block; clear: both; margin: 5px 0 0 10px; }
.authMenu a:link, .authMenu a:visited, .authMenu a:hover, .authMenu a:active
{ color: #fff; border: 0; padding: 1px; margin: 0 10px 0 0; text-decoration: none; font-weight: bold; font-size: 95%; }
.authMenu a:hover { color: #797979; }
.authMenuOn { color: #797979; }

/* FOOTER */
#footer a { color:#000; }
#footer a:hover { color:#797979; }
#footer span { color:#797979; }
#footerLeft a, #footerMid a, #footerRight a {display: table; }

/* COMMON FOCUS BOX */
.focusBx, .focusBxTop, .focusBxMid, .focusBxBot { width: 700px; margin: 0 auto; display: table; }
.focusBx { margin-top: 15px; margin-bottom: 15px; }
.focusBx .focusBxTop { height: 1px; }
.focusBx .focusBxMid { padding-bottom: 10px; padding-top: 10px; }
.focusBx .focusBxMid input { width: 180px; }
.focusBx .focusBxBot { height: 1px; }
.focusBx h1, .focusBx h2, .focusBx h3, .focusBx h4, .focusBx h5, .focusBx p { margin: 0 10px 10px 10px; color: #000; }

/* GENERIC BODY CONTENT STYLE */
.frmLabel { text-align: right; padding-right: 4px; color:#666; }
.msgBox { background: #f9f9f9; width:100%; margin: 10px; padding: 10px; border:1px dashed #ccc; }
.highlightBox { background: #fefbe2; margin: 10px; padding: 10px; border: 5px solid #f8de16; color: #600; }














/* PRINT */
/*
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}
*/

/* iPhone */
/*
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
*/