@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #000000; background: white; font-family:Arial, Helvetica, sans-serif; font-size:12px }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight:bold; }
img { margin:0; }
/*------------------------------Reset style Ends-------------------------------*/

/*-----------------------------------float start-------------------------------*/
.fltrt { float: right; }
.fltlft { float: left; }
.clear { clear:both; }
/*-----------------------------------float ends--------------------------------*/

/*-----------------------------------body start-------------------------------*/
body { font:normal 12px "Georgia", Times New Roman, Times, serif; color:#333333; }
/*-----------------------------------body ends--------------------------------*/


/*-----------------------------------global start-------------------------------*/
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; color:#055781; }
h1 { font-size:26px; font-weight:normal; }
h2 { font-size:14px; font-weight:bold; margin-bottom:5px; }
/*-----------------------------------global ends--------------------------------*/

/*-----------------------------------wrapper start-------------------------------*/
#wrapper { width:100%; margin:0 auto; }
/*-----------------------------------wrapper ends--------------------------------*/

/*-----------------------------------body start-------------------------------*/
#headerHolder { width:100%; float:left; background:url(../images/headerbg.gif) repeat-x; }
#header { height:111px; width:860px; margin:0 auto; }
/*-----------------------------------body ends--------------------------------*/

/*-----------------------------------logo start-------------------------------*/
#logo { float:left; margin-top:32px; }
/*-----------------------------------logo ends--------------------------------*/

/*-----------------------------------logo start-------------------------------*/
#menu { float:right; margin-top:71px; }
/*-----------------------------------logo ends--------------------------------*/

/*-----------------------------------banner start-------------------------------*/
#bannerHolder {  width:100%; float:left; background:#055782 url(../images/bannerbgrepiter.gif) repeat-x; }
#banner { color:#FFF; height:330px; width:860px; margin:0 auto; background:#055782 url(../images/bannerbg.jpg) no-repeat center top;   }
.framevideo { background:transparent url(../images/framevide.jpg) no-repeat scroll 0 0; float:right; height:276px; margin-right:-101px; margin-top:40px; width:580px;cursor:hand;}
.text { float:left; width:314px; font-size:16px; margin-top:47px; }
.text p  { margin:15px 0 32px 0 }
/*-----------------------------------banner ends--------------------------------*/

/*-----------------------------------containner start-------------------------------*/
#containnerHolder {  width:100%; float:left; background:url(../images/contannerbg.gif) repeat-x top left;  }
#containner { width:860px; margin:0 auto; padding:37px 0 0 0; }
.h1width1 { width:146px; }
.h1Title1 { margin-top:4px; }
.offersHolder { float:left; width:100%; margin-top:36px; }
.blockleft { float:left; width:422px; }
.blockright { float:right; width:375px; border-bottom:1px dotted #bebebf; }
.row { width:100%; float:left; padding-bottom:32px; }
.row2 { width:100%; float:left; padding-bottom:20px; }
.icon { float:left; margin-right:20px; }
.icon2 { float:left; width:50px; }
.deta { float:left; width:85%; }
.icondeta { margin-left:-8px; }
.row2 h2 {color:#333333;font-size:13px;}

/*-----------------------------------containner ends--------------------------------*/

/*-----------------------------------footer start-------------------------------*/
#footerHolder {  width:100%; float:left; background:url(../images/footer.gif) repeat-x top left; }
#footer { width:860px; height:87px; margin:0 auto; padding:38px 0 0 0; }
#footer a { text-decoration:none; color:#333333; }
#footer .fltlft { width:50%; }
#footer .fltrt { width:24%; }
/*-----------------------------------footer ends--------------------------------*/

a
{
    color:#055781;
}

a:visited
{
    color:#055781;
}

  .formfield
    {
        
    }
    
    .formlabel
    {
        
        
    }
    
    .sitesetupQuestion
    {
        margin-bottom:5px;
    }
    
    .surveyQuestionTextbox
    {
        width:300px;
    }
    
    .userSessionVideo
    {
        position:relative;
         width:150px;
        height:80px;

    }
    
    .userSessionAttribs
    {
        font-family:Verdana;
        font-size:12px;
        height:20px;
        width:150px;
        background:#0083ca;
    }
    
    .userSession
    {
        width:150px;
        height:80px;
        float:left;
        margin-right:20px;
        margin-bottom:22px;
        border:solid 1px #c3c5c6;
        position:relative;
    }
    
    .videoLengthContainer
    {
        position:absolute;
        background:#0083ca;
        color:white;
        right:0px;
        bottom:0px;
        
    }