/* Global Default Settings */
*{line-height:150%;}
body{font-size:12px;height:100%;width:100%;margin:0px;padding:0px;color:#fff;font-family:Arial,"Helvetica Neue",sans-serif;background-color:#333;}
a{color:#92b5c9;text-decoration:none;}
a:hover{text-decoration:underline;color:#92b5c9 !important;}
img{border:0px;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:15px;}
h1,h2,h3,h4{font-weight:normal; margin:10px 0px 10px 0px;}
hr{ border:0px; border-top:2px solid #A5A5A6;height:0; }
hr.dotted{border-top-style: dotted;}
p{margin:10px 0px 10px 0px;}
strong{font-weight:bold;}

.scrollable>.items>.item>h3{padding-top:0;margin-top:5px;}

/* Common Classes */
.commonForm select,.commonForm textarea,.commonForm input[type="text"],.commonForm input[type="password"]{background-color:#FFF; color:#8a8a8a; border:1px solid #666;}
.commonForm select.highlight,.commonForm textarea.highlight,.commonForm input[type="text"].highlight,.commonForm input[type="password"].highlight{border:1px solid #f87739; background-color:#f8fcff;}
.commonForm select.error,.commonForm textarea.error,.commonForm input[type="text"].error,.commonForm input[type="password"].error{border:1px solid #FF0000; background-color:#ffe3e3;}
label.error{color:#FF0000; font-size:9px; font-weight:bold; display:block; padding:2px 0px 10px 0px;}
input.commonButton,.commonForm input[type="submit"],.commonForm input[type="button"]{ overflow:visible; font-size:10px;cursor:pointer;color:#FF6507;padding:3px 9px 3px 9px;border:2px solid #FF6507;text-align:center;background-color:transparent;text-transform:uppercase;}
input.commonButton:hover,.commonForm input[type="submit"]:hover,.commonForm input[type="button"]:hover{ color:#fff;border:2px solid #FF6507;background-color:#FF6507;}
input.red{border-color:#e4bebd; color:#FFFFFF;}
.formContainerTable{border-spacing:0px;}
.formContainerTable td{padding:0px 3px 3px 0px; vertical-align:top;}
.formContainerTable>tbody>tr>td{border-left:1px dashed #DDDDDD; padding:5px;}
.formContainerTable>tbody>tr>td:first-child{border-left:none;}
.reqStar{color:#FF0000; font-weight:bold;}
.commonButtonLink{display:inline-block;padding:6px 14px;color:#FFF;border:1px solid #FFF;position:absolute;bottom:0px;}
.commonButtonLink:visited{color:#FFF;}
.commonButtonLink.orange{border-color:#ccc;}
.commonButtonLink:hover{text-decoration:none;background-color:#92b5c9;border-color:#A7A7A9;color:#222 !important;}

/* Footer */
#footerOuterWapper{min-width:960px; margin:0 auto 0 auto;width:100%;background-color:#000;color:#fff;clear:both;position:relative;}
#footerWapper { height:160px; padding-top:14px; width:960px; position:relative;margin:0 auto;background:#000 url('/web_assets/img/pro_crew.gif') no-repeat right bottom;}
#footerOuterWapper ul{margin:0px; padding:0px;}
#footerOuterWapper li{list-style:none;}
#footerWapper {height:180px;padding-top:24px;}
#footerWapper div{float:left;font-size:12px;line-height:20px;text-align:left;}
#footerWapper .in{width:308px;}
#footerWapper .cl,#footerWapper .cr,#footerWapper .co,#footerWapper .so{width:173px;}
#footerWapper div a,#footerWapper div a:visited{color:#bbb;text-decoration:none;}
#footerWapper div a:hover{color:#92b5c9;text-decoration:underline;}
#footerWapper div h2{ font-size:12px; color:#fff; margin:0px; padding-bottom:6px;}
.footerWapperOverride {height:70px !important;}
.contentOverride{padding-bottom:50px !important;}
.h2Override{padding-bottom:10px !important;}
.foot_ico{ padding:2px 0px 3px 20px; background-repeat:no-repeat; }

/* Header */
#headWrapper{width:960px;position:relative;height:112px;margin-left:auto;margin-right:auto;}
#headWrapper a.headLogo{position:absolute;right:0;text-decoration:none;}

/* landing page middle panel */
.landingImagePanel>div{margin-left:auto; margin-right:auto; width:960px;}
.landingImagePanel .innerContBlock{width:420px;  position:absolute; top:-72px;}
.landingImagePanel .innerContBlock .top{background-color:#eb781f;height:325px;}
.landingImagePanel .innerContBlock .mid{background-color:#b11717;height:230px;}
.landingImagePanel .innerContBlock .bot{background-color:#eb781f;height:56px;}
.landingImagePanel .innerContBlock .topContent,.landingImagePanel .innerContBlock .midContent{padding:0px 35px 0px 35px; position:absolute; z-index:1; }
.landingImagePanel .innerContBlock .topContent{top:110px;}
.landingImagePanel .innerContBlock .midContent{top:340px;}
.landingImagePanel h1,.landingImagePanel h2,.landingImagePanel p{margin:0px 0px 15px;}
.landingImagePanel h1{font-size:40px;}
.landingImagePanel h2{font-size:22px;}
.landingImagePanel p#intro{font-size:16px;line-height:19px;}
.landingImagePanel p{font-size:13px;line-height:18px;}
.midContent>div{padding-top:10px;}
.nowrap{display:inline-block;}
.midContent>div form{display:inline;}
.midContent>div>form:first-child{padding-right:10px;}

/* Main Top Nav */
#mainNav{margin-top:28px;padding:0px;}
#mainNav>li{margin:0px;padding:0px;text-align:center;font-size:20px;list-style:none;float:left;letter-spacing:1px;background-color:#333;}
#mainNav>li>a{padding:14px 5px 7px;display:block;color:#fff;width:129px;height:35px;}
#mainNav>li>a:hover{text-decoration:none;background-color:#000;color:#62AACC;}
#mainNav li.active{background-color:#000;}
#mainNav>li>a.smTab{width:110px !important;}
#mainNav>li>a.smTab2{width:90px !important;}

/* Head images and content */
#imagePanel h1{font-size:18px; margin:0 0 20px; line-height:32px;}
#imagePanel{min-width:960px; background-position:center top; background-repeat:no-repeat;}
#imagePanel>div{position:relative; width:960px; height:424px; margin-left:auto; margin-right:auto;}
#imagePanel.service{background-image:url('/web_assets/img/our_service.jpg');}
#imagePanel.crew{background-image:url('/web_assets/img/our_crew.jpg');}
#imagePanel.defaultHeadImg{height:200px; background-image:url('/web_assets/img/other_pages_head.jpg');}

#imagePanel .cc .bg{background-color:#ab1f23; height:393px; position:absolute;}
#imagePanel .cc .cre,#imagePanel .cc .fgh{padding:30px;color:#FFFFFF;width:360px;position:absolute;}
#imagePanel .cc .cre{padding-left:190px ;}
#imagePanel .cc .fg p,#imagePanel .cc .fgh p{line-height:17px;font-size:13px;}
#imagePanel.service .cc .bg{width:405px;}
#marketor,#owner{position:relative; width:205px; height:195px; float:left;}
#owner{padding:0 30px 0 0;}

/* testimonials scroller */
#testimonialsContainer{width:760px; overflow:auto;}
#testimonials{padding:0px; margin:0px;}
#testimonials li{float:left;overflow:hidden;width:730px; padding:0px; margin:0px;}
#testimonials li p{line-height:18px;}

/* gig ticker */
#tickContain{height:21px; overflow:hidden; }
#gigs li {
    white-space:nowrap;
    display:block;
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0px 5px 0px 5px;
}

#menu_foot>ul>li{width:158px;float:left;}
#menu_foot>ul>li>a{color:#FFFFFF !important;}
#menu_foot>ul>li>ul{padding-top:6px;}

.tickercontainer { /* the outer div with the black border */
    width: 960px;
    height: 21px;
    margin: 0; 
    padding: 0;
    overflow: hidden;
    cursor:default;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    padding:0px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 200px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow:hidden;
}


/* content */
#content h2{padding-top:22px !important;}
#content{padding:40px 0px 80px;position:relative;width:960px;min-height:100px;margin-left:auto;margin-right:auto;}
#content strong{font-weight:bold;}
#content hr{height:0;border-top:1px solid #fff;clear:both;margin:30px 0 10px;}
#content ol,#content ul{
    margin-left: 5px;
    padding-left: 25px;
}
#content ul{
    list-style: circle outside none;
}
#content ol{list-style:decimal;}
#content ol ol{list-style:lower-alpha;}
#content ol ol ol{list-style:lower-roman;}

#contentMenu{margin:0;padding:0;position:absolute;right:0px;top:0px;}
#contentMenu>li{background-color:#000;padding:10px 20px;float:left;list-style:none;margin-left:10px;}
#contentMenu>li>a{color:#FFFFFF;}
.midContent>div>form{display:inline;}
.midContent>div>form>div{display:inline;}
.midContent>div>form:first-child{padding-right:10px;}
#dialogAboutUs .content h1,#dialogSecPolicy .content h1,#dialogPrivacyPolicy .content h1{font-size:26px !important;}
#dialogAboutUs .content h2,#dialogSecPolicy .content h2,#dialogPrivacyPolicy .content h2{font-size:18px !important;padding-top:14px;}

/* how it works */
.howItWorks3Column{border-top:5px solid #a7a7a9; width:305px; margin-left:22px; float:left;}
.howItWorks3Column .inner{width:205px;float:left; padding-top:10px;}
.howItWorks3Column.first{margin-left:0px;}
.howItWorks3Column h2{float:left; width:100px;font-weight:normal;}

.ourServiceColumn1{width:730px;font-size:13px;line-height:18px;}
.ourServiceColumn1 ul{padding-left:25px !important;margin-left:5px !important;}
.ourServiceColumn1 li{list-style:circle;}
.ourServiceColumn1 h1{padding-bottom:15px;}
.testimonialsColumn2{width:375px;float:left;margin-top:10px;}
.twoColumn_1{float:left; width:605px; padding-right:35px;}

ul.vertScrollList{margin:0px; padding:0px; height:300px; overflow:auto;}
ul.vertScrollList>li{list-style:none; height:300px;}
ul.vertScrollList>li:first-child{border-top:none;}

/* root element for scrollable */
.twoColumn_2 .scrollable {position:relative;overflow:hidden; width: 280px; height:300px;}
.twoColumn_2 .scrollable .items {position:absolute;height:50000px;}
.twoColumn_2 .actions{position:absolute; z-index:1; right:12px;}
.twoColumn_2 .actions .next{ background-position:0px 7px; margin-top:138px; }
.twoColumn_2 .actions{position:absolute; z-index:1; right:0px;}
.twoColumn_2 .actions .next{ background-position:0px 7px; margin-top:138px; }
.twoColumn_2 .footnote{font-size:80%;}
.twoColumn_2{border-top:5px solid #a7a7a9; float:left; margin:23px 0px 0px 20px; width:300px;}

#marketor,#owner{position:relative;width:150px;height:70px;float:left;}
#marketor h2,#owner h2{font-size:16px;}

.floatL{float:left;width:350px;}
.floatL:first-child{padding-right:20px;}
.clear{clear:both;}

#listWrapper{padding:15px 0;}

em{font-size:13px;color:#FFF8C6;}

.form .error {
    color: #FF0000;
    display: block;
    font-size: 80%;
}
.form table>tbody>tr>td {
    padding: 0 10px 10px 0;
    vertical-align: top;
}

#innerContent{
    float:left;
    width:730px;
    padding-right:20px;
}

#contentMenu>li{
    width:100px;
}
#contentMenu>li>a{
    text-align:center;
    display:block;
}
#content{
    overflow:auto;
}

#subMenu{padding-top:10px;}
#subMenu>ul{
    float:left;
    width:210px;
    background-color:#3b3b3b;
    padding:0px;
    margin:0px;
}
#subMenu>ul>li{
    padding:0px;
    margin:0px;
    border-top:1px dashed #222222;
    list-style:none;
}

#subMenu>ul>li:first-child{
    border-top:none;
}
#subMenu>ul>li>a{
    padding:10px 5px 10px 5px;
    display:block;
    color:#FFFFFF;
}
#subMenu>ul>li.active>a{
    color:#92B5C9;
}
#subMenu>ul>li>a:hover{
    text-decoration:none;
    background-color:#222222;
}
#subMenu>ul>li>ul{
    margin:0px;
    padding:0px;
}
#subMenu>ul>li>ul>li{
    padding:0px;
    margin:0px;
    list-style:none;
}
#subMenu>ul>li>ul>li>a{
    padding:10px 5px 10px 30px;
    display:block;
    background-image:url('/web_assests/img/submen_intentBG.png');
    background-repeat:no-repeat;
    background-position:15px 15px;
}
#subMenu>ul>li>ul>li>a:hover{
    text-decoration:none;
    background-color:#222222;
}

#subMenu>ul>li>ul>li{
    background-color:#3b3b3b;
}
#subMenu li.active{
    background-color:#222222;
}

.datagrid td{padding:0 10px 10px 0;}
.datagrid td{padding:0 10px 10px 0;}
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}

#scrollingText
{
height: 20px;
position: relative;
padding: 4px 0 0;
}

#scrollingText div.scrollableArea p
{
    display: block;
    float: left;
    margin: 0;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    font-size:14px;
}

#tickContain{height:28px; overflow:hidden; }
.grey{color:#444;padding-top:15px;}
