/*MASS RESET*/ *{padding: 0; margin: 0; outline: none;} * {outline: none;} body{font: 12px Arial; color: #666666; background: #f0f0f2;} a{text-decoration: underline; color: #56017a;} a:hover{color: #f04d91;} li{list-style-type: none;} hr {border: 0; width: 100%;} p{margin: 4px 0px 10px 0px;} img{border: 0; display: block;} form label {cursor: pointer; } input{font-size: 11px; line-height: 15px; color: #666666; padding: 0 0 2px 2px; background-color: Transparent !important;} select{font-size: 11px; line-height: 15px; color: #666666; padding: 0 0 2px 2px;} textarea{font: 11px Arial; line-height: 15px; color: #666666; padding: 0 0 2px 2px; color: #666666;} fieldset{border: none;} /*CLASSES*/ .clearer{clear: both; height: 0; line-height: 0; font-size: 0;} .fixer{display: none;} .odd{background-color: #f5f2f7 !important;} .accent{color: #d55293;} .u{text-decoration: underline;} .delimiter{background: url(../images/delimiter_Type3.gif) no-repeat 50% 50%; display: block; float: left; width: 20px; height: 20px;} .delimiter span{display: none;} .sublabel{font-weight: bold; color: #333333; margin: 0 4px 0 0; float: left; display: block; line-height: 21px; } /*LAYOUT*/ #wrap{width: 100%; background: url(../images/bg_wrap.gif) repeat-x;} #container{width: 955px; margin: 0 auto;} #header{height: 134px; margin: 0 0 16px 0;} /*Functions*/ #functions{position: relative; float: right; text-align: right; top: 10px; width: 570px;} #functions #welcome{font-size: 10px; color: #fff; line-height: 25px; display: block;} #functions #welcome .studio{font-size: 11px; color: #d55293; font-weight: bold; text-transform: uppercase;} #functions #currentDate {font-size: 10px; color: #fff; line-height: 25px; display: block;} #functions #currentDate .date{font-size: 11px; color:#d55293; font-weight:bold;} #functionsNav {} #functionsNav ul{} #functionsNav li{display: inline;} #functionsNav a{display: block; float: right; height: 29px; line-height: 29px; text-align: center; background-repeat: no-repeat; margin: 0;} #functionsNav a:hover, #navigation .current a {background-position: 100% 0 ;} #functionsNav span {display: none;} #functionsNav .item01{background-image: url(../images/functionsNav_item01.gif); width: 79px;} #functionsNav .item02{background-image: url(../images/functionsNav_item02.gif); width: 83px;} #functionsNav .item03{background-image: url(../images/functionsNav_item03.gif); width: 72px;} /*Breadcrumb*/ #breadcrumb {float: left; height: 23px; width: 730px; padding-top: 2px;} #wrapBreadcrumb {height: 23px; line-height: 23px} #breadcrumbLeft {background:url(../images/bg_breadcrumb.gif) 0 0 no-repeat; float: left; padding: 0 0 0 2px;} #breadcrumbRight {padding: 4px 2px; background: url(../images/bg_breadcrumb.gif) 100% 0 no-repeat; display: inline; } #breadcrumb ul{display: inline; } #breadcrumb li{font-size: 11px; display: inline; line-height: 23px; padding: 0 10px 0 5px; background: url(../images/bg_breadcrumbItem.gif) no-repeat 100% 70%;} #breadcrumb .current a {font-weight: bold} /*Sitesearch*/ #sitesearch{float: right;} #sitesearch #wrapInputText{background: url(../images/bg_sitesearchInput.gif) no-repeat; width: 134px; height: 26px; padding: 6px 4px 0 4px; float: left;} #sitesearch #wrapInputText #inputText{background: transparent; border: 0; width: 130px;} #sitesearch .wrapbuttonSubmit {float: left;} #sitesearch .wrapbuttonSubmit .buttonSubmit{width:70px; height:29px; background:url(../images/btn_search.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #sitesearch .wrapbuttonSubmit .buttonSubmit:hover{background-position: 100% 0 ;} /*Header*/ #logo {float: left;} #logo a{background: url(../images/bg_header.gif) no-repeat 0px 50%; height: 92px; width: 375px; display: block; } #logo span{display: none;} /*Navigation*/ #navigation {height: 32px; } #navigation ul{} #navigation li{display: inline;} #navigation a{display: block; float: left; width: 135px; height: 32px; line-height: 32px; text-align: center; background-repeat: no-repeat; margin: 0 0 0 1px;} #navigation a:hover, #navigation .current a {background-position: 100% 0 ;} #navigation span {display: none;} #navigation .item01{background-image: url(../images/nav_item01.gif);} #navigation .item02{background-image: url(../images/nav_item02.gif);} #navigation .item03{background-image: url(../images/nav_item03.gif);} #navigation .item04{background-image: url(../images/nav_item04.gif);} #navigation .item05{background-image: url(../images/nav_item05.gif);} #navigation .item06{background-image: url(../images/nav_item06.gif);} #navigation .item07{background-image: url(../images/nav_item07.gif);} /*Footer*/ #footer{text-align: center; font-size: 10px; line-height: 10px; margin-top: 20px;} #footerNav {margin: 0 auto; width: 630px; height: 22px;} #footerNav ul{} #footerNav li{display: block; float: left; padding: 0 5px; background: url(../images/bg_footerItem.gif) no-repeat 100% 0;} #footerNav a{} #footerNav .current a {color: #666666; text-decoration: none;} #footerNav .copyright {background: none;} #footerNav .last {background: none;} /*Content*/ #content{margin: 10px 0;} /* LAYOUT TYPE-1 */ #layoutType-1{} #layoutType-1 #cellA{width: 238px; margin-right: 10px; float: left;} #layoutType-1 #cellB{width: 397px; margin-right: 10px; float: left;} #layoutType-1 #cellC{width: 299px; float: left;} /* LAYOUT TYPE-2 */ #layoutType-2{} #layoutType-2 #wrapCellBC {width: 706px; margin: 0; padding: 0; float: left;} #layoutType-2 #cellA{width: 238px; float: left; margin-right: 10px;} #layoutType-2 #cellB{margin: 0; padding: 0; margin-bottom: 10px;} #layoutType-2 #cellC{width: 706px; float: left;} /* LAYOUT TYPE-3 */ #layoutType-3{} #layoutType-3 #wrapCellABC {width: 954px; margin: 0; padding: 0; float: left; } #layoutType-3 #cellA{width: 954px; float: left; } /*Highlights*/ #layoutType-1 .highlights{width: 317px; float: left; min-height:249px; height:auto !important; height:249px;} #layoutType-1 .frameHighlights{margin: 0; padding: 0; } #layoutType-1 .frameHighlightsTop{width:317px; padding:0; background:url(../images/frame_Highlights.gif) left top no-repeat; } #layoutType-1 .frameHighlightsBottom{background:url(../images/frame_Highlights.gif) left bottom no-repeat; display:block; padding: 8px 12px 12px 12px; min-height:190px; height:auto !important; height:190px;} #layoutType-1 .frameHighlightsBottom p{line-height: 14px;} #layoutType-1 .frameHighlightsTitle{line-height: 29px; height: 29px; padding: 0 0 0 12px; color: #56017a; text-transform: uppercase; font-size: 12px; font-weight: bold;} #layoutType-1 .frameHighlights ul{} #layoutType-1 .frameHighlights li{background: url(../images/bg_sep.gif) no-repeat 0 100%; line-height: 20px; } #layoutType-1 .frameHighlights a{color: #666666; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0 3px 0 24px; background: url(../images/bg_highlightsItem.gif) no-repeat 0 1px; } #layoutType-1 .frameHighlights a:hover{color: #d55293;} #layoutType-1 .highlightsFirst {margin-right: 10px;} /*Hotlinks*/ #layoutType-1 #hotlinks{margin: 0 0 10px 0;} #layoutType-1 #frameHotlinks{margin: 0; padding: 0;} #layoutType-1 #frameHotlinksTop{width:299px; padding:0; background:url(../images/frame_Hotlinks.gif) left top no-repeat;} #layoutType-1 #frameHotlinksBottom{background:url(../images/frame_Hotlinks.gif) left bottom no-repeat; display:block; padding: 6px 0 6px 0; } #layoutType-1 #frameHotlinksTitle{background:url(../images/title-hotlinks.gif) 6px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-1 #frameHotlinksTitle span{display: none;} #layoutType-1 #frameHotlinks ul{padding: 1px;} #layoutType-1 #frameHotlinks li{padding: 6px 6px 6px 24px; background: url(../images/bg_hotlinksItem.gif) no-repeat 10px 8px; line-height: 13px; } #layoutType-1 #frameHotlinks a{color: #666666; font-size: 12px;} #layoutType-1 #frameHotlinks a:hover{color: #d55293;} /*Notice Board*/ #layoutType-1 #noticeBoard{margin: 0 0 10px 0;} #layoutType-1 #frameNoticeBoard{margin: 0; padding: 0;} #layoutType-1 #frameNoticeBoardTop{width:397px; padding:0; background:url(../images/frame_noticeBoard.gif) left top no-repeat;} #layoutType-1 #frameNoticeBoardBottom{background:url(../images/frame_noticeBoard.gif) left bottom no-repeat; display:block; padding: 12px 10px 10px 26px;/*height: 38px; */} #layoutType-1 #frameNoticeBoardTitle{background:url(../images/title-noticeBoard.gif) 6px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-1 #frameNoticeBoardTitle span{display: none;} #layoutType-1 #noticeBoard .content{padding: 10px 26px 4px 26px; font-size: 11px; color: #333333;} #layoutType-1 #noticeBoard h2{font-size: 15px; font-weight: bold; color: #d55293;} /*Events Calendar*/ #layoutType-1 #eventsCalendar{margin: 0 0 10px 0;} #layoutType-1 #frameEventsCalendar{margin: 0; padding: 0;} #layoutType-1 #frameEventsCalendarTop{width:397px; padding:0; background:url(../images/frame_eventsCalendar.gif) left top no-repeat;} #layoutType-1 #frameEventsCalendarBottom{background:url(../images/frame_eventsCalendar.gif) left bottom no-repeat; display: block; padding: 8px 0 7px 0;} #layoutType-1 #frameEventsCalendarTitle{background:url(../images/title-eventsCalendar.gif) 6px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-1 #frameEventsCalendarTitle span{display: none;} #layoutType-1 #eventsCalendar .content{padding: 12px 26px;} #layoutType-1 #eventsCalendar #calendar{float: left; width: 148px; height: 150px; background:url(../images/_temp_calendar.gif) 0 0 no-repeat;} #layoutType-1 #eventsCalendar #upcomingEvents{width:170px; margin-left: 20px; float: left;} #layoutType-1 #eventsCalendar #upcomingEvents h4{font-size: 13px; font-weight: bold;} #layoutType-1 #eventsCalendar #upcomingEvents .linkMore{font-size: 11px; font-weight: bold; padding-left: 20px; } #layoutType-1 #eventsCalendar #upcomingEvents ul{padding: 1px; margin: 4px 0 11px 0;} #layoutType-1 #eventsCalendar #upcomingEvents li{padding: 3px 0 3px 17px; background: url(../images/bg_hotlinksItem.gif) no-repeat 2px 7px; line-height: 14px;} #layoutType-1 #eventsCalendar #upcomingEvents li a{font-size: 11px; color: #666666; } #layoutType-1 #eventsCalendar #upcomingEvents li a:hover{color: #d55293;} /*Promotion*/ #layoutType-1 #promotion{margin: 0 0 10px 0;} #layoutType-1 #framePromotion{margin: 0; padding: 0;} #layoutType-1 #framePromotionTop{width:397px; padding:0; background:url(../images/frame_promotion.gif) left top no-repeat;} #layoutType-1 #framePromotionBottom{background:url(../images/frame_promotion.gif) left bottom no-repeat; display:block; padding: 5px 0 5px 0;} #layoutType-1 #promotion .content{ font-size: 11px; padding: 10px;} #layoutType-1 #promotion .content .promoItem{width: 174px; float: left;} #layoutType-1 #promotion .content .promoItem img{display: block; margin-bottom: 8px;} #layoutType-1 #promotion a{font-weight: bold;} #layoutType-1 #promotion .delimiter {float: left; width: 26px; height: 144px; background: url(../images/delimiter_promotion.gif) 50% 50% no-repeat;} /*News #layoutType-1 #news{margin: 0 0 10px 0;} #layoutType-1 #frameNews{margin: 0; padding: 0;} #layoutType-1 #frameNewsTop{width:299px; padding:0; background:url(../images/frame_News.gif) left top no-repeat;} #layoutType-1 #frameNewsBottom{background:url(../images/frame_News.gif) left bottom no-repeat; display:block; padding: 5px 0 5px 0; } #layoutType-1 #frameNewsTitle{background:url(../images/title-latestnews.gif) 6px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-1 #frameNewsTitle span{display: none;} #layoutType-1 #frameNews ul{padding: 1px;} #layoutType-1 #frameNews li{padding: 6px 6px 6px 24px; background: url(../images/bg_newsItem.gif) no-repeat 10px 8px; line-height: 13px; } #layoutType-1 #frameNews a{font-size: 12px;} #layoutType-1 #frameNews a:hover{} #layoutType-1 #frameNews .odd{background-color: #fbfbfb !important;} */ /*Latest Uploads*/ #layoutType-1 #uploads{margin: 0 0 10px 0;} #layoutType-1 #frameUploads{margin: 0; padding: 0;} #layoutType-1 #frameUploadsTop{width:299px; padding:0; background:url(../images/frame_Uploads.gif) left top no-repeat;} #layoutType-1 #frameUploadsBottom{background:url(../images/frame_Uploads.gif) left bottom no-repeat; display:block; padding: 6px 0 6px 0; } #layoutType-1 #frameUploadsTitle{background:url(../images/title-latestUploads.gif) 6px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-1 #frameUploadsTitle span{display: none;} #layoutType-1 #frameUploads ul{padding: 1px;} #layoutType-1 #frameUploads li{padding: 6px 6px 6px 24px; background: url(../images/bg_hotlinksItem.gif) no-repeat 10px 8px; line-height: 13px; } #layoutType-1 #frameUploads a{font-size: 11px; color: #666666;} #layoutType-1 #frameUploads a:hover{} #layoutType-1 #frameUploads .odd{background-color: #fbfbfb !important;} /*Report*/ #layoutType-1 #report{margin: 0 0 10px 0;} #layoutType-1 #frameReport{margin: 0; padding: 0;} #layoutType-1 #frameReportTop{width:299px; padding:0; background:url(../images/frame_Report.gif) left top no-repeat;} #layoutType-1 #frameReportBottom{background:url(../images/frame_Report.gif) left bottom no-repeat; display:block; padding: 10px 0 10px 0; } #layoutType-1 #frameReportTitle{background:url(../images/bg_reportTitle.gif) 8px bottom no-repeat; height: 15px; padding: 6px 0 0 29px; font-weight: bold;} #layoutType-1 #frameReportTitle .studio{color: #d55293; font-weight: bold; text-transform: uppercase;} #layoutType-1 #report .wrapbuttonView {margin-left: 25px;} #layoutType-1 #report .buttonView{position: absolute; margin-top: -28px; width:113px; height:29px; background:url(../images/btn_viewReports.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #layoutType-1 #report .buttonView:hover{background-position: 100% 0 ;} .buttonenterDaily{width: 299px; height:29px; background:url(../images/btn_enterReportDaily.gif) no-repeat; display: block; text-indent: -1000px; margin: 10px 0;} .buttonenterDaily span{display: none;} .buttonenterDaily:hover{background-position: 100% 0 ;} .buttonenterMonthly{width: 299px; height:29px; background:url(../images/btn_enterReportMonthly.gif) no-repeat; display: block; text-indent: -1000px; margin: 10px 0;} .buttonenterMonthly span{display: none;} .buttonenterMonthly:hover{background-position: 100% 0 ;} /* Dashboard Navigation */ #dashboardNavigation {} #dashboardNavigation dt{} #dashboardNavigation dt a{text-decoration: none; color: #4d4d4d; display: block; background: url(../images/bg_DashboardNavigation_level01.gif) no-repeat 0 0; width: 238px; height: 31px; line-height: 31px; background-repeat: no-repeat; margin: 0;} #dashboardNavigation dt a span{padding: 0 0 0 20px;} #dashboardNavigation dt a:hover, #DashboardNavigation .current a {background-position: 100% 0; font-weight: bold;} #dashboardNavigation dd .frameDashboardNavigation_level02{margin: 0 0 2px 0; padding: 0;} #dashboardNavigation dd .frameDashboardNavigation_level02Top{width:238px; padding:0; background:url(../images/frame_DashboardNavigation_level02.gif) left top no-repeat;} #dashboardNavigation dd .frameDashboardNavigation_level02Bottom{background:url(../images/frame_DashboardNavigation_level02.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #dashboardNavigation dd .frameDashboardNavigation_level02 ul{padding: 2px;} #dashboardNavigation dd .frameDashboardNavigation_level02 li{padding: 6px 6px 6px 24px; background: url(../images/bg_DashboardNavigation_level02Item.gif) no-repeat 4px 5px; line-height: 13px; } #dashboardNavigation dd .frameDashboardNavigation_level02 a{color: #000000; text-decoration: none; font-size: 11px; letter-spacing: 0em; font-weight: normal;} #dashboardNavigation dd .frameDashboardNavigation_level02 a:hover, #DashboardNavigation dd .frameDashboardNavigation_level02 .current a {color: #d55293;} #dashboardNavigation dd .frameDashboardNavigation_level02 .odd{background-color: #f1edf2 !important;} /* Resources Navigation */ #resourcesNavigation{} #resourcesNavigation dt{} #resourcesNavigation dt a{text-decoration: none; color: #4d4d4d; display: block; background: url(../images/bg_resourcesNavigation_level01.gif) no-repeat 0 0; width: 238px; height: 31px; line-height: 31px; background-repeat: no-repeat; margin: 0;} #resourcesNavigation dt a span{padding: 0 0 0 20px;} #resourcesNavigation dt a:hover, #resourcesNavigation .current a {background-position: 100% 0; font-weight: bold;} #resourcesNavigation dd .frameResourcesNavigation_level02{margin: 0 0 2px 0; padding: 0;} #resourcesNavigation dd .frameResourcesNavigation_level02Top{width:238px; padding:0; background:url(../images/frame_ResourcesNavigation_level02.gif) left top no-repeat;} #resourcesNavigation dd .frameResourcesNavigation_level02Bottom{background:url(../images/frame_ResourcesNavigation_level02.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #resourcesNavigation dd .frameResourcesNavigation_level02 ul{padding: 2px;} #resourcesNavigation dd .frameResourcesNavigation_level02 li{padding: 6px 6px 6px 24px; background: url(../images/bg_ResourcesNavigation_level02Item.gif) no-repeat 4px 5px; line-height: 13px; } #resourcesNavigation dd .frameResourcesNavigation_level02 a{color: #000000; text-decoration: none; font-size: 11px; letter-spacing: 0em; font-weight: normal;} #resourcesNavigation dd .frameResourcesNavigation_level02 a:hover, #resourcesNavigation dd .frameResourcesNavigation_level02 .current a {color: #d55293;} #resourcesNavigation dd .frameResourcesNavigation_level02 .odd{background-color: #f1edf2 !important;} /* Resources Content */ #resourcesContent{} #resourcesContent .frameResourcesContent{margin: 0; padding: 0; width:706px; } #resourcesContent .frameResourcesContentTop{padding:0; background:url(../images/bg_resourcesContent.gif) left top no-repeat; padding: 4px 2px 2px 2px;} #resourcesContent .frameResourcesContentBottom{background:url(../images/bg_resourcesContent.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #tableResources .typeFileDOC a{display: block; padding: 0; background: url(../images/ico_doc.gif) no-repeat 50% 50%; text-indent: -10000px; height: 16px;} #tableResources .typeFileDOC a span{} #tableResources .typeFilePDF a{display: block; padding: 0; background: url(../images/ico_pdf.gif) no-repeat 50% 50%; text-indent: -10000px; height: 16px;} #tableResources .typeFilePDF a span{} #tableResources .typeFileXLS a{display: block; padding: 0; background: url(../images/ico_xls.gif) no-repeat 50% 50%; text-indent: -10000px; height: 16px;} #tableResources .typeFileXLS a span{} #tableResources .typeFileWWW a{display: block; padding: 0; background: url(../images/ico_www.gif) no-repeat 50% 50%; text-indent: -10000px; height: 16px;} #tableResources .typeFileWWW a span{} #tableResources {margin: 0; padding: 0; font-size: 11px; width: 100%;} #tableResources thead tr th, table.tablesorter tfoot tr th {text-align: center; padding: 0 0 0 10px; height: 22px; font-size: 12px;} #tableResources thead tr .header {background-repeat: no-repeat; cursor: pointer;} #tableResources tbody td {padding: 10px; background: url(../images/delimiter_tablesorter.gif) no-repeat 100% 50%;} #tableResources .last{background-image: none !important;} #tableResources tbody tr.odd td { background-color:#f5f2f7;} #tableResources thead tr .headerSortUp {background-image: url(../images/asc.gif);} #tableResources thead tr .headerSortDown {background-image: url(../images/desc.gif);} #tableResources thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {} #tableResources tr td {color: #793d93; font-weight: bold; vertical-align: middle; text-align: center;} #tableResources tr td p{margin: 0; padding: 0; color: #333333; font-weight: normal; text-align: left;} #tableResources tr td h1{margin: 0; padding: 0; color: #d55293; font-weight: bold; text-align: left;} #tableResources tr td a{font-size:12px; font-weight: bold; color: #333333;} #tableResources tr td a:hover{color: #d55293;} #tableResources thead tr .sortOpt1{text-align: left; background-position: 50px 4px;} #tableResources thead tr .sortOpt1 a{display: block; padding: 0; background: url(../images/title-sortOpt1.gif) no-repeat 0 0; text-indent: -10000px;} #tableResources thead tr .sortOpt1 a span{} #tableResources thead tr .sortOpt2{text-align: left; background-position: 85px 4px; width: 88px;} #tableResources thead tr .sortOpt2 a{display: block; padding: 0; background: url(../images/title-sortOpt2.gif) no-repeat 0 0; text-indent: -10000px;} #tableResources thead tr .sortOpt2 a span{} #tableResources thead tr .sortOpt3{text-align: left; background-position: 40px 4px; width: 46px;} #tableResources thead tr .sortOpt3 a{display: block; padding: 0; background: url(../images/title-sortOpt3.gif) no-repeat 0 0; text-indent: -10000px;} #tableResources thead tr .sortOpt3 a span{} #tableResources thead tr .sortOpt4{text-align: left; background-position: 42px 4px; width: 48px;} #tableResources thead tr .sortOpt4 a{display: block; padding: 0; background: url(../images/title-sortOpt4.gif) no-repeat 0 0; text-indent: -10000px;} #tableResources thead tr .sortOpt4 a span{} #tableResources thead tr .sortOpt5{text-align: left; background-position: 42px 4px; width: 48px;} #tableResources thead tr .sortOpt5 a{display: block; padding: 0; background: url(../images/title-sortOpt5.gif) no-repeat 0 0; text-indent: -10000px;} #tableResources thead tr .sortOpt5 a span{} /* Reporting Content */ #reportingContent{} #reportingContent .frameReportingContent{margin: 0; padding: 0; width:706px; } #reportingContent .frameReportingContentTop{background:url(../images/bg_reportingContent.gif) left top no-repeat; padding: 10px 0 0 0;} #reportingContent .frameReportingContentBottom{background:url(../images/bg_reportingContent.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #reportingContent #frameReportTitle {background:url(../images/bg_reportTitle.gif) 10px bottom no-repeat; height: 15px; padding: 0 0 0 30px; font-size: 14px; font-weight: bold; color: #d55293;} #reportingContent #frameReportTitle .studio{color: #d55293; font-weight: bold; text-transform: uppercase; color: #666666;} #reportingContent .title{font-size: 13px; font-weight: bold; color: #56017a; display: block; margin-bottom: 5px;} #reportingContent #reportDate {font-size: 10px; color: #666666; line-height: 17px; display: block; float: right; padding: 0 32px 0 0;} #reportingContent #reportDate .date{font-size: 11px; color:#d55293; font-weight:bold;} #reportingContent .frameReportingContentTop .content{padding: 4px 0 31px 31px; } #reportingContent .frameReportingContentTop .content .item{float: left; margin: 17px 16px 0 0;} #reportingContent .frameReportingContentTop .content .itemLast{float: left; margin: 17px 0 0 0;} /*Frame Types*/ #reportingContent .frameType1{margin: 0; padding: 0; width:644px; } #reportingContent .frameType1Top{padding:0; background:url(../images/frame_Type1.gif) left top no-repeat; padding: 8px 12px 0 12px; color: #d55293; font-size: 13px;} #reportingContent .frameType1Top .summary{font-weight: bold; color: #4c4c4c;} #reportingContent .frameType1Bottom{background:url(../images/frame_Type1.gif) left bottom no-repeat; display:block; padding: 5px 0; } #reportingContent .frameType2{margin: 0; padding: 0; width:313px; } #reportingContent .frameType2Top{padding:0; background:url(../images/frame_Type2.gif) left top no-repeat; padding: 8px 12px 0 12px; } #reportingContent .frameType2Bottom{background:url(../images/frame_Type2.gif) left bottom no-repeat; display:block; padding: 5px 0; } #reportingContent .frameType3{margin: 0; padding: 0; width:313px; } #reportingContent .frameType3Top{padding:0; background:url(../images/frame_Type3.gif) left top no-repeat; padding: 5px 1px 0 1px; } #reportingContent .frameType3Bottom{background:url(../images/frame_Type3.gif) left bottom no-repeat; display:block; padding: 5px 0; } #reportingContent .frameType4{margin: 0; padding: 0; width:94px; } #reportingContent .frameType4Top{padding:0; background:url(../images/frame_Type4.gif) left top no-repeat; padding: 8px 0 8px 11px;} #reportingContent .frameType4Top .wrapInputText{background: url(../images/bg_inputType2.gif) no-repeat; width: 71px; height: 20px; padding: 4px 4px 0 4px; } #reportingContent .frameType4Top .wrapInputText .inputText{background: transparent; border: 0; width: 60px; text-align: center; font-size: 13px; font-weight: bold; color: #d55293;} #reportingContent .frameType4Top .wrapInputText .accent{color: #333333;} #reportingContent .frameType5 {margin: 0; padding: 0; width:644px;} #reportingContent .frameType5Top {padding:0; background:url(../images/frame_Type5.gif) left top no-repeat; padding: 8px 0 14px 11px; } #reportingContent .frameType5Top .itemInput {float:left; margin: 0 7px 0 0; } #reportingContent .frameType5Top .itemInputLast {float:left; margin: 0 0 0 0 !important; } #reportingContent .frameType5Top .itemInput label {font-size: 10px; color: #666666; display: block; margin: 0 0 5px 0;} #reportingContent .frameType5Top .itemInput .wrapInputText {background: url(../images/bg_inputType3.gif) no-repeat; width: 63px; height: 20px; padding: 4px 4px 0 4px; margin: 0; } #reportingContent .frameType5Top .itemInput .wrapInputText .inputText {background: transparent; border: 0; width: 60px; text-align: center; font-size: 13px; font-weight: bold; color: #793d93;} #reportingContent .frameType5Top .itemsRow{overflow: hidden; } #reportingContent .frameType5Top .delimiter_Type1 {background: url(../images/delimiter_Type1.gif) 50% 50% no-repeat; width: 100%; clear: both; height: 20px; line-height: 0; font-size: 0;} #reportingContent .wrapbuttonSubmit {margin: 30px 0 0 0 ;} #reportingContent .buttonSubmit {width:112px; height:29px; background:url(../images/btn_submitReport.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #reportingContent .buttonSubmit:hover{background-position: 100% 0 ;} /*Sortable Tables*/ #tableCriticalCriteria {margin: 0; padding: 0; font-size: 11px; width: 100%;} #tableCriticalCriteria thead tr th, table.tablesorter tfoot tr th {text-align: center; padding: 0 0 0 10px; height: 22px; font-size: 12px;} #tableCriticalCriteria thead tr .header {background-repeat: no-repeat; cursor: pointer;} #tableCriticalCriteria tbody td {padding: 7px; background: url(../images/delimiter_tablesorter2.gif) no-repeat 100% 50%;} #tableCriticalCriteria .last{background-image: none !important;} #tableCriticalCriteria tbody tr.odd td {background-color:#ffffff;} #tableCriticalCriteria thead tr .headerSortUp {background-image: url(../images/asc.gif);} #tableCriticalCriteria thead tr .headerSortDown {background-image: url(../images/desc.gif);} #tableCriticalCriteria thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {} #tableCriticalCriteria tr td {color: #793d93; font-weight: bold; vertical-align: middle; text-align: center;} #tableCriticalCriteria tr .first{margin: 0; padding: 7; color: #333333; font-weight: normal; text-align: left !important;} #tableCriticalCriteria thead tr .sortOpt1{background: none; cursor: default;} #tableCriticalCriteria thead tr .sortOpt2{text-align: left; background-position: 41px 4px; width: 45px;} #tableCriticalCriteria thead tr .sortOpt2 a{display: block; padding: 0; background: url(../images/title-sortOpt6.gif) no-repeat 0 0; text-indent: -10000px;} #tableCriticalCriteria thead tr .sortOpt2 a span{} #tableCriticalCriteria thead tr .sortOpt3{text-align: left; background-position: 53px 4px; width: 60px;} #tableCriticalCriteria thead tr .sortOpt3 a{display: block; padding: 0; background: url(../images/title-sortOpt7.gif) no-repeat 0 0; text-indent: -10000px;} #tableCriticalCriteria thead tr .sortOpt3 a span{} #tableSummary {margin: 0; padding: 0; font-size: 11px; width: 100%;} #tableSummary thead tr th, table.tablesorter tfoot tr th {text-align: center; padding: 0 0 0 10px; height: 22px; font-size: 12px;} #tableSummary thead tr .header {background-repeat: no-repeat; cursor: pointer;} #tableSummary tbody td {padding: 7px; background: url(../images/delimiter_tablesorter2.gif) no-repeat 100% 50%;} #tableSummary .last{background-image: none !important;} #tableSummary tbody tr.odd td {background-color:#ffffff;} #tableSummary thead tr .headerSortUp {background-image: url(../images/asc.gif);} #tableSummary thead tr .headerSortDown {background-image: url(../images/desc.gif);} #tableSummary thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {} #tableSummary tr td {color: #793d93; font-weight: bold; vertical-align: middle; text-align: center;} #tableSummary tr .first{margin: 0; padding: 7; color: #333333; font-weight: normal; text-align: left !important;} #tableSummary thead tr .sortOpt1{background: none; cursor: default;} #tableSummary thead tr .sortOpt2{text-align: left; background-position: 41px 4px; width: 45px;} #tableSummary thead tr .sortOpt2 a{display: block; padding: 0; background: url(../images/title-sortOpt6.gif) no-repeat 0 0; text-indent: -10000px;} #tableSummary thead tr .sortOpt2 a span{} #tableSummary thead tr .sortOpt3{text-align: left; background-position: 53px 4px; width: 60px;} #tableSummary thead tr .sortOpt3 a{display: block; padding: 0; background: url(../images/title-sortOpt7.gif) no-repeat 0 0; text-indent: -10000px;} #tableSummary thead tr .sortOpt3 a span{} /*Hotlinks*/ #layoutType-2 #hotlinks{margin: 0; float: left; margin-right: 10px; min-height:176px; height:auto !important; height:176px;} #layoutType-2 #frameHotlinks{margin: 0; padding: 0;} #layoutType-2 #frameHotlinksTop{width:348px; padding:0; background:url(../images/frame_Hotlinks2.gif) left top no-repeat;} #layoutType-2 #frameHotlinksBottom{background:url(../images/frame_Hotlinks2.gif) left bottom no-repeat; display:block; padding: 5px 0 5px 0; min-height:117px; height:auto !important; height:117px;} #layoutType-2 #frameHotlinksTitle{background:url(../images/title-hotlinks2.gif) 24px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-2 #frameHotlinksTitle span{display: none;} #layoutType-2 #frameHotlinks ul{padding: 1px;} #layoutType-2 #frameHotlinks li{padding: 3px 6px 3px 24px; background: url(../images/bg_hotlinksItem.gif) no-repeat 10px 6px; line-height: 14px;} #layoutType-2 #frameHotlinks a{font-size: 11px; color: #666666; } #layoutType-2 #frameHotlinks a:hover{color: #d55293;} /*News*/ #layoutType-2 #news{margin: 0; float: left; min-height:176px; height:auto !important; height:176px;} #layoutType-2 #frameNews{margin: 0; padding: 0;} #layoutType-2 #frameNewsTop{width:348px; padding:0; background:url(../images/frame_News2.gif) left top no-repeat; } #layoutType-2 #frameNewsBottom{background:url(../images/frame_News2.gif) left bottom no-repeat; display:block; padding: 5px 0 5px 0; min-height:117px; height:auto !important; height:117px;} #layoutType-2 #frameNewsTitle{background:url(../images/title-latestnews2.gif) 24px bottom no-repeat; height: 15px; padding: 11px 0 0 0;} #layoutType-2 #frameNewsTitle span{display: none;} #layoutType-2 #frameNews ul{padding: 1px;} #layoutType-2 #frameNews li{padding: 3px 6px 3px 24px; background: url(../images/bg_newsItem.gif) no-repeat 10px 6px; line-height: 14px; font-size: 11px;} #layoutType-2 #frameNews a{} #layoutType-2 #frameNews a:hover{} /* Latest News Content */ #latestNewsContent{} #latestNewsContent .frameLatestNews{margin: 0; padding: 0; width:706px; } #latestNewsContent .frameLatestNewsTop{padding:0; background:url(../images/bg_latestNews.gif) left top no-repeat; padding: 4px 2px 2px 2px;} #latestNewsContent .frameLatestNewsBottom{background:url(../images/bg_latestNews.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #tableLatestNews {margin: 0; padding: 0; font-size: 11px; width: 100%;} #tableLatestNews tbody td {padding: 9px 12px 4px 12px;} #tableLatestNews tbody td p{margin: 5px 0; color: #333333;} #tableLatestNews tr td h1{margin: 0; padding: 0; color: #d55293; font-weight: bold; text-align: left; background:url(../images/bg_newsarticleItem.gif) 0 2px no-repeat; padding-left: 15px;} #tableLatestNews tr td a{font-size:12px; font-weight: bold; color: #333333;} #tableLatestNews tr td a:hover{color: #d55293;} /* Articles News Content */ #articlesNewsContent{} #articlesNewsContent .frameArticlesNews{margin: 0; padding: 0; width:706px; } #articlesNewsContent .frameArticlesNewsTop{padding:0; background:url(../images/bg_articlesNews.gif) left top no-repeat; } #articlesNewsContent .frameArticlesNewsBottom{background:url(../images/bg_articlesNews.gif) left bottom no-repeat; display:block; padding: 8px 12px 24px 12px;} #articlesNewsContent .frameArticlesNewsBottom p{font-size: 11px; color: #333333;} #articlesNewsContent .frameArticlesNewsBottom img{border: 1px solid #b6b6b7; float: right; margin: 7px 0 7px 14px;} #articlesNewsContent .frameArticlesNewsBottom a{font-size: 11px; background:url(../images/bg_articlesNewsLink.gif) 0 4px no-repeat; padding-left: 14px;} #articlesNewsContent .frameArticlesNewsTitle{line-height: 29px; height: 29px; padding: 0 0 0 12px; color: #4d4d4d; font-size: 13px; font-weight: bold; float: left; } #articlesNewsContent .frameArticlesNewsDate{line-height: 29px; height: 29px; padding: 0 12px 0 0; color: #4d4d4d; font-size: 12px; font-weight: bold; float: right;} /* Injury Log*/ #frameInjuryLog{} #frameInjuryLog .frameInjuryLog{margin: 0; padding: 0; width: 954px; } #frameInjuryLog .frameInjuryLogTop{background:url(../images/bg_InjuryLog.gif) left top no-repeat; padding: 10px 0 0 0;} #frameInjuryLog .frameInjuryLogBottom{background:url(../images/bg_InjuryLog.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #frameInjuryLog #frameInjuryLogTitle{background:url(../images/bg_injuryLogTitle.gif) 10px bottom no-repeat; height: 15px; padding: 0 0 0 30px; font-size: 14px; font-weight: bold; color: #d55293;} #frameInjuryLog #frameInjuryLogTitle .studio{color: #d55293; font-weight: bold; text-transform: uppercase; color: #666666;} #formInjuryLog {margin: 25px 31px; } #formInjuryLog .wrapInputText{background: url(../images/bg_inputType-275.gif) no-repeat; width: 275px; height: 24px; } #formInjuryLog .wrapInputTextError {background-position: 100% 0;} #formInjuryLog .wrapInputText input {background: transparent; border: 0; width: 96%; color: #333333; padding: 4px;} #formInjuryLog .wrapTextarea {background: url(../images/bg_textareaType-415.gif) no-repeat; width: 415px; height: 51px;} #formInjuryLog .wrapTextareaError {background-position: 100% 0;} #formInjuryLog .wrapTextarea textarea{background: transparent; border: 0; width: 97% ; height: 40px; color: #333333; overflow: auto; line-height: 13px; margin: 4px;} #formInjuryLog .wrapTextarea275x42 {background: url(../images/bg_textareaType-275x42.gif) no-repeat; width: 275px; height: 42px;} #formInjuryLog .wrapTextarea275x42Error {background-position: 100% 0;} #formInjuryLog .wrapTextarea275x42 textarea{background: transparent; border: 0; width: 96% ; height: 30px; color: #333333; overflow: auto; line-height: 13px; margin: 4px;} #formInjuryLog #wrapFieldsetsA{float: left; width: 437px; } #formInjuryLog #wrapFieldsetsB{float: right; width: 437px; } #formInjuryLog #fieldsetInjured{margin: 18px 0 0 0;} #formInjuryLog .fieldset{margin: 0; padding: 0; } #formInjuryLog .fieldsetTop{background:url(../images/bg_fieldsetInjuryLog.gif) left top no-repeat; padding: 11px;} #formInjuryLog .fieldsetBottom{background:url(../images/bg_fieldsetInjuryLog.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #formInjuryLog .wrapbuttonSubmit {float: right; margin: 28px 0 17px 0;} #formInjuryLog .buttonSubmit{width:112px; height:29px; background:url(../images/btn_submitReport.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #formInjuryLog .buttonSubmit:hover{background-position: 100% 0 ;} /*Error Message*/ #formInjuryLog #wrapErrorMessage {float: right; margin: 30px 18px 17px 0; height: 26px; line-height: 26px; width: 307px; background:url(../images/bg_errorMessage.gif) no-repeat; display: none;} #formInjuryLog #wrapErrorMessage span{display: block; padding: 0 0 0 11px; font-weight: bold; color: #d55293;} #formInjuryLog .delimiter_Type2 {background: url(../images/delimiter_Type2.gif) 50% 50% no-repeat; width: 100%; clear: both; height: 20px; line-height: 0; font-size: 0;} #formInjuryLog label{font-size: 13px; line-height: 13px; font-weight: bold; color: #56017a; display: block; margin-bottom: 4px;} #formInjuryLog label .note{font-size: 11px; color: #666666; font-weight: normal;} /*Wrap Radio*/ #formInjuryLog .wrapRadio {margin: 5px 0 0 0; width: 273px; border: 1px solid #f4f1f6;} #formInjuryLog .wrapRadioError {background: #ebbbd3; border: 1px solid #d55293; } #formInjuryLog .wrapRadio input{ float: left; display: block; margin: 1px 0; height:20px;} #formInjuryLog .wrapRadio label{font-weight: normal; color: #333333; font-size: 11px; line-height: 21px; float: left; display: block; margin: 0 4px 0 2px;} /*Wrap Studio*/ #wrapStudio { } #wrapStudio .wrapInputText{background: url(../images/bg_dropdown_275.gif) no-repeat; width: 275px; height: 23px; margin: 0 10px 0 0; } #wrapStudio .wrapInputText .inputText {background: none; cursor: pointer; border: 0; width: 96%; color: #333333; font-weight: bold; padding: 4px 6px; font-size: 11px;} #wrapStudio .scroll{overflow: auto; background: transparent; border: 0; width: 99%; height: 93px; color: #333333; overflow: auto; line-height: 13px; margin: 2px; } #wrapStudio .options{display: none; position: absolute; background: #fff; width: 273px; height: 97px; border: 1px solid #ccc;} #wrapStudio .scroll li{padding: 3px; cursor: pointer; font-weight:bold; color:#333333; font-size: 11px;} #wrapStudio .scroll li:hover{color: #d55293;} /*Wrap Studio Info*/ #wrapStudioInfo {margin: 5px 0 0 0; width: 415px; font-size: 11px;} #wrapStudioInfo .edit{font-size: 10px;} #wrapStudioInfo .init{font-size: 10px;} #wrapPhone, #wrapEmail{float: left; height: 20px;} #wrapStudioInfo #wrapStudioInfoPhone{float: left; line-height: 20px; } #wrapStudioInfo #wrapStudioInfoEmail{float: left; line-height: 20px;} #wrapStudioInfo .wrapInputText-phone{background: url(../images/bg_inputType-78.gif) no-repeat; width: 78px; height: 24px; } #wrapStudioInfo .wrapInputText-phone input {background: transparent; border: 0; width: 90%; color: #333333; font-weight: normal; padding: 4px;} #wrapStudioInfo .wrapInputText-email{background: url(../images/bg_inputType-210.gif) no-repeat; width: 210px; height: 24px; } #wrapStudioInfo .wrapInputText-email input {background: transparent; border: 0; width: 96%; color: #333333; font-weight: normal; padding: 4px;} /*Wrap Time*/ #wrapTime {float: left;} #wrapTime .wrapInputText{background: url(../images/bg_dropdown_82.gif) no-repeat; width: 82px; height: 23px; } #wrapTime .wrapInputTextError {background-position: 100% 0;} #wrapTime .wrapInputText .inputText {background: none; cursor: pointer; border: 0; width: 85%; color: #333333; font-weight: bold; padding: 4px 6px; font-size: 11px;} #wrapTime .scroll{overflow: auto; background: transparent; border: 0; width: 95%; height: 93px; color: #333333; overflow: auto; line-height: 13px; margin: 2px; } #wrapTime .options{display: none; position: absolute; background: #fff; width: 80px; height: 97px; border: 1px solid #ccc;} #wrapTime .scroll li{padding: 3px; cursor: pointer; font-weight:bold; color:#333333; font-size: 11px;} #wrapTime .scroll li:hover{color: #d55293;} /*Wrap Date*/ #wrapDate {float: left;} #wrapDate .wrapInputText{background: url(../images/bg_dropdown_119.gif) no-repeat; width: 119px; height: 23px; margin: 0 10px 0 0; } #wrapDate .wrapInputTextError {background-position: 100% 0; } #wrapDate .wrapInputText .inputText {background: none; cursor: pointer; border: 0; width: 90%; color: #333333; font-weight: bold; padding: 4px 6px; font-size: 11px;} #wrapDate .options{display: none; position: absolute; background: #fff; width: 152px; height: 165px; border: 1px solid #ccc;} /* Injury Log Confirm*/ #formInjuryLogConfirm{width: 892px; margin: 0 auto;} #formInjuryLogConfirm #info{margin: 25px 0 0 0;} #formInjuryLogConfirm dl{color: #333333; font-size: 11px;} #formInjuryLogConfirm dl dt{font-weight: bold;} #formInjuryLogConfirm dl dd{margin: 0 0 10px 0;} #formInjuryLogConfirm #wrapFieldsetsA{float: left; width: 415px; margin: 11px;} #formInjuryLogConfirm #wrapFieldsetsB{float: right; width: 415px; margin: 11px;} #frameInjuryLogConfirm{ } #frameInjuryLogConfirm .frameInjuryLogConfirm{margin: 0; padding: 0; } #frameInjuryLogConfirm .frameInjuryLogConfirmTop{background:url(../images/bg_InjuryLogConfirm.gif) left top no-repeat; padding: 5px 0 0 0;} #frameInjuryLogConfirm .frameInjuryLogConfirmBottom{background:url(../images/bg_InjuryLogConfirm.gif) left bottom no-repeat; display:block; padding: 5px 0 0 0; } #wrapButtons{float: right; margin: 28px 0 18px 0;} #formInjuryLogConfirm .wrapbuttonConfirm {float: left;} #formInjuryLogConfirm .buttonConfirm {width:121px; height:29px; background:url(../images/btn_confirmReport.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #formInjuryLogConfirm .buttonConfirm:hover {background-position: 100% 0 ;} #formInjuryLogConfirm .wrapbuttonModify {float: left; margin-right: 18px;} #formInjuryLogConfirm .buttonModify {width:121px; height:29px; background:url(../images/btn_modifyReport.gif) no-repeat; cursor:pointer; border:none; text-indent: -1000px;} #formInjuryLogConfirm .buttonModify:hover {background-position: 100% 0 ;} /* Injury Log Completed*/ #formInjuryLogCompleted{width: 892px; height: 240px; margin: 0 auto;} #formInjuryLogCompleted #info{margin: 25px 0 0 0;}