body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-repeat:repeat-x; background-color:#fff; color:#5a5a5a; margin:0px;}

#header { color:#000000; font-size:11px; padding: 0; height:60px;}

#header a{ font:normal 15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#66666B; text-decoration: none; padding: 1px 8px; margin-right: 10px; width:114px; text-decoration: none; }

#header a.current{color:#FFCE4A;background-image:url(../images/gbutton_bg.png); background-repeat:no-repeat; width:115px; height:24px; text-align:center;}

.dy-overlay .title{font:bold 24px  "Trebuchet MS", Verdana, Arial, Helvetica,
           sans-serif; color:#FFFFFF;   }
.subtitle{font:normal 14px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;   }

.clickable {
    cursor: pointer;
}

#container{margin: 0px auto; }
#wrapper{width: 935px; float:left;}
#center{ width:640px; float:left; padding-right:10px;}
#center1{ width:405px; float:left; padding-right:15px;}
#leftpannel{ width:235px; float:left; padding-left:15px;}
#rightpannel{ width:270px; margin-left:5px;  float:left;}
#rightpannel1{ width:500px; margin-left:10px;  float:right;}
#leftpannel1{ width:470px; margin-left:15px;  float:left;}
#rightpannel2{ width:470px; margin-left:10px;  float:right; margin-right:15px;}

#footer #container {width:964px;padding:10px;background-repeat:repeat-x; height:119px; background-color:#61645d; color:#666666;}
#footer .mail {width:340px; background-image:url(../images/mail_bg.jpg); height:104px; margin-top:5px;}
#footer .heading{ color:#EFEFEF; font-weight:bold; padding-bottom:2px; }
#footer ul { margin: 0px; list-style: none;padding-left:0px;}
#footer li a{  text-align:center; color:#CCCCCC}
#footer a {color:#ffffff;}
#footer a.current {width:90px; color:#c4ebff;}


.lshad{ background-image:url(../images/l_shad.jpg);background-position:right; background-repeat:no-repeat; height:362px; width:12px;float:left;margin-top:-25px;}
.rshad{background-image:url(../images/r_shad.jpg);background-repeat:no-repeat; height:386px; width:12px;float:right;margin-top:0px;}

.lshad1{ background-image:url(../images/l_shad.jpg); background-position:right; background-repeat:no-repeat; height:386px; width:12px;margin-top:233px; float:left;}
.rshad1{ background-image:url(../images/r_shad.jpg); background-repeat:no-repeat; height:386px; width:12px;margin-top:270px; float:left;}


/*TABS*/
#maintab {margin-left: 0px; width:100%; height:45px; line-height:40px; background-image:url(../images/nav_bg.gif); background-repeat:repeat-x;}
#maintab ul { margin: 0px; list-style: none;padding-left:0px;}
#maintab li { float: left; width:127px; background-image:url(../images/tab.jpg); background-repeat:no-repeat;}
#maintab li.blank { width:2px; background-image: url(../images/nav_part.gif); background-repeat:no-repeat; height:45px;}
#maintab a { float:left; padding: 0 0 0 0px; text-decoration:none; color: #ffffff; border-top:0px;  font-size:12px; font-weight:bold;}
#maintab li a{  text-align:center;}
#maintab a:hover{color:#fffbb9;}
#maintab a.current {width:90px; color:#c4ebff;}
#maintab a.current:hover {}
#maintab a span { float: left; width:110px;  padding: 3px 8px 5px 10px;}
#maintab a:hover span{cursor: pointer;}
#maintab a.current span {cursor: pointer;}
/*END TABS*/

.textbox {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#848484;}
.headings{ font:bold 24px   "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.dy-overlay .heading{ font:bold 18px   "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #b40e13; }
.subhead{ font:bold 12px  Arial, Helvetica, sans-serif; color: #276d92; }
.subhead1{ font:normal 18px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.subhead2{ font:bold 14px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.whitetext{ font:normal 12px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height:13px; }
.tabtext{ font:normal 10px Arial, Helvetica, sans-serif; color: #fff; }

.bold {font-weight:bold;}

.aura{background-image:url(../images/aura.jpg); background-position:top; background-repeat:no-repeat;}

a { font-family: Arial, Helvetica, sans-serif; color:#dd0000;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

.padtop{padding:5px 0 0 0}
.padt30{padding:30px 0 0 0}
.padtl{padding:20px 0 0 10px}
.padlft20{padding:0 0 0 20px }
.padlft30{padding:0 0 0 30px }
.padlft10{padding:0 0 0 10px }
.padrt20{padding:0 20px 0 0  }
.marginlft70{margin-left:70px;}
.martl{padding:10px 0 0 10px}
.padlr5{padding:0 5px 0 5px }
.padlr10{padding:0 10px 0 10px }
.padlr15{padding:0 15px 0 15px }
.padtb5{padding:5px 0 5px 0;}
.pad_all10{ padding:10px 10px 10px 10px}
.pad_all5{ padding:5px 5px 5px 5px}
.pad_tl{padding:4px 0 0 10px;}
.pad_tr{padding:17px 10px 0 0}

.jalign{ text-align:justify}
.calign{ text-align:center}

div.spacer { clear: both;}
div.spacer1 { line-height:1px}
div.spacer3 { line-height:3px}
div.spacer10 { line-height:10px}
div.spacer15 {line-height:15px}

.w223{ width:223px;}
.w315{width:315px;}
.w291{width:280px;}
.w580{width:580px;}
.w630{width:630px;}
.w935{ width:935px;}
.h250{ height:210px;}
.h189{ height:210px;}
.flt{float:left;}
.frt{float:right;}
.calign{ text-align:center;}
.ralign{ text-align:right;}
.hr{ border-top:1px solid #999999;}
.hrdotted{ height:1px; border-bottom:#999999 dotted 1px; overflow:hidden;}
.hrdotted_w{ height:1px; border-bottom:#ffffff dotted 1px; overflow:hidden;}
.hr_half{ height:3px; width:250px; background-color:#ff0000; overflow:hidden;}
.rtdotted{ border-right:#999999 dotted 1px;}

/* surrounding margins (optional) */
.roundbox{margin-bottom:5px;}
/* inner content padding */
.roundbox .c{border-top:0;border-bottom:0;border-style:solid;}
.roundbox .t, .roundbox .b, .roundbox .t b, .roundbox .b b{display:block;overflow:hidden;}
.roundbox .t b, .roundbox .b b{float:right;width:50%;}
.roundbox .t .r{background-position:top right;}
.roundbox .b .r{background-position:bottom right;}
.roundbox .b{background-position:bottom left;}
/* curve height, background image */

.myClassName_g .t, .myClassName_g .b, .myClassName_g .b b, .myClassName_g .t b{height:10px;background-image:url(../images/grey_bdr.gif);}
/* inner color, border color, border width */
.myClassName_g .c{background-position:top; background-repeat:repeat-x; background-color:#ffffff;border-color:#dadada;border-left-width:1px;border-right-width:1px;}

/* rounded buttons */
.round { cursor:pointer; line-height:21px;	background: url(../images/button.gif) no-repeat right top; padding-right:15px; vertical-align:middle;display:block; /*opera*/display:inline-block; /*ie*/display:-moz-inline-box;/*ff*/}
.round span { background:url(../images/button.gif) no-repeat left top; height:21px;display:block;display:inline-block;padding-left:15px; line-height:21px;font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none;}
a.round:hover {background-position:right -21px;}
a.round:hover span {background-position:left -21px;}
/* end rounded buttons */

/* rounded buttons */
.round_g { cursor:pointer; line-height:21px;	background: url(../images/button_g.gif) no-repeat right top; padding-right:15px; vertical-align:middle;display:block; /*opera*/display:inline-block; /*ie*/display:-moz-inline-box;/*ff*/}
.round_g span { background:url(../images/button_g.gif) no-repeat left top; height:21px;display:block;display:inline-block;padding-left:15px; line-height:21px;font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none;}
a.round_g:hover {background-position:right -21px;}
a.round_g:hover span {background-position:left -21px;}
/* end rounded buttons */

.form_l{ width:28%; float:left; padding-right:5px; text-align:right; line-height:18px;}
.form_r{width:68%; float:left;}

.orange_head{ font:normal 16px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #eb5302; }
.slide_list{ list-style-image:url(../images/bullet_orange.gif); padding-left:30px;}


#dropmenudiv{
    position:absolute;
    border:1px solid #666666;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:28px;
    z-index:1000;
}

#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
    padding: 0px 0;
    text-decoration: none;
    font-weight: bold;
    background-image:url(../images/nav_bg.gif);
    color:#fff;
}

#dropmenudiv a:hover{ /*hover background color*/
    color:#fffbb9;
}

#leftpannel a{color:#FFFFFF;width:160px;display:block;}
#leftpannel a.cur{font-weight:bold;background-color:#6EC00E;background-image:url(../images/back_link.gif);width:160px;display:block;background-position:right} 

.arrowli{margin:0px; padding-left:20px; list-style-image:url(../images/bullet.png)}
.newsli{padding-left:45px;background-image:url(../images/announcement_icon.jpg); background-repeat:no-repeat;}
.eventli{padding-left:45px;background-image:url(../images/successful_icon.jpg); background-repeat:no-repeat;}
.wpli{display:block; background-image:url(../images/icon_whitepapers.gif); background-repeat:no-repeat;padding-left:40px;}
.clientsli{display:block; background-image:url(../images/testimonial.jpg); background-repeat:no-repeat;padding-left:55px;}


#dsr .tablebg {border: solid 1px #BBB;border-top-color: #C8C8C8; background: #e6e6e6 url(../images/cell.gif) top left repeat-y;}
#dsr .row {border-left: solid 1px #FFF;border-right: solid 1px #E0E0E0;border-top: solid 1px #FFF;border-bottom: solid 1px #E0E0E0;background: #F8F8F8;padding:5px 5px 5px 5px; height:35px;}
#dsr .row_light {border-left: solid 1px #FFF;border-right: solid 1px #E0E0E0;border-top: solid 1px #FFF;border-bottom: solid 1px #E0E0E0;background: #F8F8F8;padding:6px 0 0 2px; height:30px;}
#dsr .row_dark {border-left: solid 1px #FFF; padding:6px 0 0 2px; border-right: solid 1px #E0E0E0;border-top: solid 1px #FFF;border-bottom: solid 1px #E0E0E0;background: #F0F0F0;height:30px;}
#dsr .th {color: #505050; font-size: 11px; font-weight: bold;	background: #FFF url(../images/th.gif) bottom left repeat-x;	white-space: nowrap;padding: 0 0 0 3px;	text-align: left; height: 26px;border-left: solid 1px #FFF;border-right: solid 1px #E0E0E0;border-top: solid 1px #FFF;border-bottom: solid 1px #E0E0E0; height:30px;}
#dsr th {color: #505050; font-size: 11px; font-weight: bold;	background: #FFF url(../images/th.gif) bottom left repeat-x;	white-space: nowrap;padding: 0 3px 0 3px;	text-align: left; height: 26px;border-left: solid 1px #FFF;border-right: solid 1px #E0E0E0;border-top: solid 1px #FFF;border-bottom: solid 1px #E0E0E0; height:30px;}
#dsr .padl{ padding-left:10px;}
#dsr .padt{ padding-top:8px;}

.grey_th{background-image:url(../images/grey_th.gif); background-repeat:repeat-x; height:26px; font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.grey_th1{background-image:url(../images/grey_th1.gif); background-repeat:repeat-x; height:26px; font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF;}



.red-widget{width:290px; height:194px; background-image:url(../images/bg_red.jpg); background-repeat:no-repeat;margin-left:15px;}
.green-widget{ width:290px; height:194px; background-image:url(../images/bg_green.jpg); background-repeat:no-repeat;margin:0px 10px;}
.yellow-widget{ width:290px; height:194px; background-image:url(../images/bg_yellow.jpg); background-repeat:no-repeat;}
.greybg{ background-color:#FCF1D0; padding:3px; font:11px normal Arial, Helvetica, sans-serif;}

/*TABS*/
#pagin{}
#pagin ul{list-style:none;margin:0;padding:0x;}
#pagin ul li{float: left; margin:0px; display:inline; padding:2px 10px 8px 7px; cursor:pointer;}
#pagin ul li#playnstop{display:inline;  cursor:pointer}
/*END TABS*/
#gbutton{background-image:url(../images/gbutton_bg_big.png); width:115px;background-repeat:no-repeat;height:14px; text-align:center;}
#gbutton a {text-decoration:none; color: #FFCE4A; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.red_bg, #topBand{background-image:url(../images/r_bg.jpg); background-repeat:repeat-x; line-height: 24px;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #cc0000 !important;padding: 10px;height:auto !important;overflow: hidden;}
.red_bg .flt,
#topBand img {
    float: none;
}
#topBand img, .red_bg img {
    display: none;
}
#topBand img
.red_bg .frt img{
    display: none;
}
#topBand #formTitle,
.red_bg .pad_all5{
    padding: 0 !important;
    width: 100% !important;
}
.ico_arr{position:relative; top:-190px; right:-10px}
.ico_arr1{position:relative; top:-190px; right:-10px}

.bluetabs ul{
    padding: 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font:normal 12px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#66666B;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    height:24px;
}

.roundbox{margin-bottom:5px;}
/* inner content padding */
.roundbox .c{border-top:0;border-bottom:0;border-style:solid;}
.roundbox .t, .roundbox .b, .roundbox .t b, .roundbox .b b{display:block;overflow:hidden;}
.roundbox .t b, .roundbox .b b{float:right;width:50%;}
.roundbox .t .r{background-position:top right;}
.roundbox .b .r{background-position:bottom right;}
.roundbox .b{background-position:bottom left;}
/* curve height, background image */

.myClassName_g .t, .myClassName_g .b, .myClassName_g .b b, .myClassName_g .t b{height:10px;background-image:url(../images/grey_bdr.gif);}
/* inner color, border color, border width */
.myClassName_g .c{background-position:top; background-repeat:repeat-x; background-color:#ffffff;border-color:#dadada;border-left-width:1px;border-right-width:1px;}

.lpli{color:#F00001;background-image:url(../images/bullet.png); background-repeat:no-repeat;padding-left:22px; margin-top:5px; padding-top:3px; margin-left:10px;cursor:pointer;font-size:11px;}

.news{list-style:none; margin:0px; padding:0px;}

.question {color:#666666;font-size:12px;font-weight:bold;cursor:pointer;margin-top:9px;}

.answer {display:none;margin-top:5px;}
.sideboxInternal { font-size:12px; color:#cc0000; }
.box2 {margin:5px 0px;border-bottom:1px solid #dddddd;padding-bottom:5px;}

.box2Amee {margin:20px 0px;border-bottom:1px solid #dddddd;padding-bottom:20px;}

.sprite-slide {
    background-color:none;
    background-image:url(../images/slideshow.jpg);
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
}

.slide-1 {
    background-position:0 0px;height:209px;width:931px;
}
.slide-2 {
    background-position:0 -209px;height:209px;width:931px;
}
.slide-3 {
    background-position:0 -418px;height:209px;width:931px;
}
.slide-4 {
    background-position:0 -627px;height:209px;width:931px;
}

.slide-aura {
    background-position:0 -836px;height:210px;width:934px;
}


.sprite-icon {
    background-color:none;
    background-image:url(../images/sprites.png);
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
}
.gplus-icon {
    background-color:none;
    background-image:url(../images/google_plus_logo.jpg);
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
}
.icon-facebook {
    background-position:0 0px;cursor:pointer;height:30px;width:33px;float:left;margin-left:5px;
}

.icon-twitter {
    background-position:-33 0px;cursor:pointer;height:30px;width:33px;float:left;margin-left:5px;
}

.icon-gplus {
    background-position: 0px 0px;cursor:pointer;height:30px;width:33px;float:left;margin-left:5px;
}

.icon-1 {
    background-position:-167px 0px;height:20px;width:20px;
}
.icon-2 {
    background-position:-190px 0px;height:19px;width:20px;
}
.icon-3 {
    background-position:-212px 0px;height:19px;width:20px;
}
.icon-4 {
    background-position:-237px 0px;height:20px;width:20px;
}
.icon-5 {
    background-position:-263px 0px;height:20px;width:20px;
}
.icon-6 {
    background-position:-166px -22px;height:20px;width:20px;
}
.icon-7 {
    background-position:-187px -22px;height:20px;width:16px;
}
.icon-news {
    background-position:-56px -37px;height:63px;width:67px;
}
.icon-testimonial {
    background-position:-126px -42px;height:68px;width:67px;
}
.icon-faq {
    background-position:-7px -36px;height:62px;width:41px;
}

div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 3px 2px 3px;
    margin: 2px;
    border: 1px solid #cccccc;	
    text-decoration: none; /* no underline */
    color: #000000;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #cccccc;
    color: #000;
}
div.pagination span.current {
    padding: 2px 3px 2px 3px;
    margin: 2px;
    border: 1px solid #cccccc;

    font-weight: bold;
    background-color: #cccccc;
    color: #000000;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;	
    color: #DDD;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
    font: normal 9px Arial;
    color: white;
    width: 262px; /*leave this value as is in most cases*/
    background-image:url(../images/gtab_bg.jpg);
    background-repeat:repeat-x;
    height:30px;
}

.indentmenu ul{
    margin: 0;
    padding: 0;
    float: left;
    /* width: 80%; width of menu*/
    background: black url(../images/gtab_bg.jpg) center center repeat-x;
    height:30px;
    font: normal 9px Arial;

}

.indentmenu ul li{
    display: inline;
    width:104px;
}

.indentmenu ul li a{
    float: left;
    padding: 6px 11px;
    text-decoration: none;
    width:104px;
    text-align:center;
    color:#FFFFFF;
}

.indentmenu ul li a:visited{
    color: white;
}

.indentmenu ul li a.selected{
    color: white !important;
    padding-top: 7px; /*shift text down 1px*/
    padding-bottom: 2px;background:url(../images/indentbg.gif) repeat-x;height:28px;
}

div.homeTab {float:left; width: 131px; text-align:center;padding-top: 7px; padding-bottom: 2px; height: 35px;}
div.homeSelected {background: url(../images/indentbg.gif) repeat-x scroll 0pt 0pt transparent;}


/* Modal.css content */
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
    background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: black url(images/blackdot.gif);
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: 0.8;
}
/* Modal.css content */

/* dhtmlwindow.css content */
.dhtmlwindow{
    position: absolute;
    border: 2px solid black;
    visibility: hidden;
    background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
    padding: 1px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: #CA0000;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
    border-top: 1px solid brown;
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid gray;
    background-color: #F8F8F8;
    height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}
/* htmlwindow.css content */


/* typo.css content */
/* TYPOGRAPHY ELEMENTS */
.bold { font-weight: bold; }
.link { text-decoration:none; }
div#body_box .ruler { font-size:11px; }

div#sect_hd { font-weight:bold; }
div#sect_hd a { font-weight:bold; text-decoration: none; }
div#sect_hd a:hover { text-decoration: underline; }


/* top, after logged in ********************************** */
a.signout { text-decoration: underline; font-size: 16px; font-weight:normal; color: #33471e; }
span.welcome { font-size:17px; font-weight:normal;color: #33471e; }
/* top, after logged in ********************************** */


/* sidebox ********************************** */
div.box .title span { font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; font-size:16px;font-weight:bold; font-style:normal; }
div.box ul li a { font-weight:normal;text-decoration:none;font-size:13px;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; }
div.box ul li a:hover { text-decoration:underline; }

div.box ul li a.active,
div.box ul li a.active:hover { text-decoration:none;font-weight:bold; }
/* sidebox ********************************** */


/* footer ********************************** */
#footer { font-size:11px;font-weight:normal; }
#footer a { text-decoration:none; }
#footer_bottom a { text-decoration:none; }
/* footer ********************************** */


/* errormsg ********************************** */
#errormsg_txt { font-family:Arial;font-size:11px;font-weight:bold; }
#errormsg_link a { font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:11px;font-weight:bold;text-decoration:none; }
/* errormsg ********************************** */


/* processing div ********************************** */
#processing_div { font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-weight:bold;font-size:12px; }
/* processing div ********************************** */


/* appears only on member welcome page ********************************** */
div#body_box div#acct_activate { font-family:tahoma;font-size:16px;font-weight:bold; }
div#body_box div#nopic { font-family:tahoma;font-size:16px;font-weight:bold; }
div#body_box div#tr_act { font-family:tahoma;font-size:16px;font-weight:bold; }
/* appears only on member welcome page ********************************** */


/* support faq page ********************************** */
div.faq .topic { font-weight:bold; text-transform:uppercase; }
/* support faq page ********************************** */
/* typo.css content */

.text13red {
    color:#FF0000;
    font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;
    font-size:13px;
    text-decoration:none;
}

.errorStyle{

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: red;
}

.headerMsg{

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
}
.sideStyle{

    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}
.insideBox{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant: normal;
}
.headingStyle{

    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: black;
    background-color: #cccccc;
}

.contestForm { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color:#66666B;}

/* Webcam css added by Jay dated on 30 july 2012*/
#webcam, #canvas {
    width: 320px;
    height: 240px;	
    border:8px solid #333;
    background:#eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#webcam {
    position:relative;
    margin-top:20px;
    margin-bottom:12px;
}
#webcam > span {
    z-index:2;
    position:absolute;
    color:#eee;
    font-size:10px;
    bottom: -16px;
    left:152px;
}
#webcam > img {
    z-index:1;
    position:absolute;
    border:0px none;
    padding:0px;
    bottom:-40px;
    left:89px;
}
#webcam > div {
    border:5px solid #333;
    position:absolute;
    right:-90px;
    padding:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}
#webcam a {
    background:#fff;
    font-weight:bold;
}
#webcam a > img {
    border:0px none;
}
#canvas {
    border:8px solid #ccc;
    background:#eee;
}

a.webcam-btn {
    display: block; width: 190px; height: 30px; padding: 14px 0 0 0; margin-left:15px;	
    background: #398525; /* old browsers */
    background: -moz-linear-gradient(top, #8DD297 0%, #398525 70%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(70%,#398525)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DD297', endColorstr='#398525',GradientType=0 );
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #5ea617;
    border-radius: 4px;

    font: bold 14px/10px Helvetica, Sans-Serif; text-align: center;
    text-transform: uppercase; text-decoration: none;
    color: #fff;
    text-shadow: 0px 1px 2px #b4d1ad;

    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;	
}

a.webcam-btn:hover {
    color: #fff;		
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}
.formButtonAmee{
    display: block; width: 250px; height: 45px; padding: 0px; margin-top:-55px;	
    position: relative;
    background: #E67817; /* old browsers */
    background: -moz-linear-gradient(top, #E67817 0%, #E67817 70%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E67817), color-stop(70%,#E67817)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E67817', endColorstr='#E67817',GradientType=0 );
    float:right;
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #E67817;
    border-radius: 4px;

    font: bold 16px/12px Arial, Helvetica, sans-serif; text-align: center;
    text-transform: uppercase; text-decoration: none;
    color: #fff;
    text-shadow: 0px 1px 2px #b4d1ad;

    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    cursor:pointer;	
}

.sideboxInternalAmee {  padding: 10px 4px 10px 4px;
                        background: #4479BA;
                        font: bold 14px/12px Arial, Helvetica, sans-serif;	
                        color: #FFF;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        border: solid 1px #20538D;
                        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
                        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
                        -webkit-transition-duration: 0.2s;
                        -moz-transition-duration: 0.2s;
                        transition-duration: 0.2s;
                        -webkit-user-select:none;
                        -moz-user-select:none;
                        -ms-user-select:none;
                        user-select:none;}
/* END */

/* Payment Method css */
#vtab {
    margin: auto;
    width: 680px;           
}
#vtab > ul > li {
    width: 171px;
    height: 30px;
    background-color: #fff !important;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5px 0px 5px 0px;
    border: 1px solid #fff;
    position: relative;
    border-right: none;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    cursor:pointer;
}
#vtab > ul > li.payment-tab {
    border-bottom:1px solid #ddd; 
    border-left:1px solid #ddd; 
    color:#333;
    font-size:12px;	
}

#vtab > ul > li.selected {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    border: 1px solid #ddd;
    border-right: none;
    z-index: 10;
    background-color: #fafafa !important;
    position: relative;
}
#vtab > ul {
    float: left;
    width: 171px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
    top: 0px;
}
#vtab > div {
    background-color: #fafafa;
    margin-left: 171px;
    border: 1px solid #ddd;            
    padding: 12px;
    position: relative;
    z-index: 9;
    -moz-border-radius: 20px;
}
#vtab > div > h4 {
    color: #800;
    font-size: 13px;
    border-bottom: 1px dotted #800;
    padding-top: 5px;
    margin-top: 0;
}
#credit .payment-hint{
    font-size:10px;
    padding-bottom:10px;
}
#credit fieldset{
    border: 1px solid #eee;
}
#credit fieldset legend{
    font-weight: bold;
    background-color: #fafafa !important;
}
#credit fieldset div{
    padding:5px 0px 2px 0px;
}
#credit p{
    font-size:12px;
    color:#333333;
    font-weight:normal;
}
#credit fieldset label{			
    float:left;
    width:172px;
    color:#333;
    font-size:12px;
    padding:2px 5px 2px 0px;
    text-align:right;
}
.payment-button{			
    width:31%;
    border:none;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    font-family:Arial, Georgia !important;
    letter-spacing:-0.5px;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    margin:0 0 10px;
    padding:6px 0px 6px 0px;
    background-color:#C2210D !important;
    float:right;
}
.textfield{
    border:1px solid #ddd;
    color:#000;
    padding:2px;
}
ul.help-cod li{
    font-size:11px;
    color:#333333;
    line-height:20px;
    font-weight:normal;
}


div.page-load {
    height: 100%;
    width: 100%;
}

div.submit-load {
    float: left;
    text-align: center;
    width: 100%;
}

div.page-load p{
    position: absolute;
    width: 200px;
    top: 130px;
    left: 50%;
    margin-left: -100px;
    font-size: 14px;
    text-align: center;
}

div.submit-load p{
    width: 200px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}

div.page-load p img, div.submit-load p img{
    width: 70px;
    display: inline-block;
    margin-bottom: 10px;
}
div.dy-msg {
    font-size: 14px;
    padding: 20px;
    margin: 20px;
    background: #ddd;
}
div.dy-msg-error {
    background: rgb(247, 203, 203);
    border: 1px solid #EA8E8E;
    color: #C70C0C;
}

div.dy-msg strong {
    font-size: 20px;
    display: block;
}
div.dy-page-error {
    padding: 20px;
    margin: 20px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    max-width: 1120px;
}
div.page-wrapper {
    padding: 0 10px;
    display: none;
}
.dy-overlay div#message {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    float: left;
}
div.form-error {
    display: none;
    margin: 20px;
    background: #FFC2C2;
    padding: 20px;
    border: 1px solid #FC8F8F;
    font-size: 16px;
    text-align: center;
}
.dy-overlay div.content {
    min-height: 300px;
    background: #F1F1F1;
    border: 1px solid #9A9A9A;
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
}
div.form-status{
    display:none;
    min-height:300px;
    padding-top:50px;
    font-size:18px;
    background:#F1F1F1;
    border:1px solid #9A9A9A;
}

div.form-status-popup{
    display:none;
    position: absolute;
    top:0;
    font-size:18px;
    width: 100%;
}

#progress {
    width: 80%;
    height: 40px;
    margin: 0 10%;
    background: #c4c4c4;
    border: 1px solid green;
    position:relative; 
    padding: 1px; border-radius: 3px; 
}
#bar {
    height: 100%;
    background: #5CB861;
    float: left;
    width:0%; border-radius: 3px; 
}
#percent {
    line-height: 40px;
    top: 0;
    color: #fff;
    position:absolute; display:inline-block; left:48%; 
}
div.form-load {
    width: 100%;
    height: 400px;
    position: relative;
}

div.form-load p {
    position: absolute;    
    width: 200px;    
    top: 60px;    
    left: 50%;    
    margin-left: -100px;    
    font-size: 14px;    
    text-align: center;
}

div.form-load p img {
    width: 50px;    
    display: inline-block;    
    margin-bottom: 10px;
}

form.dy-form {
    padding: 10px 20px;
    /* float: left; */
    /* box-sizing: border-box; */
    /* width: 100%; */
    overflow: hidden;
    zoom: 1;
}
form.dy-form div.dy-form-item {
    float: left;
    width: 100%;
    padding: 4px 0;
}
form.dy-form label.dy-form-label {
    display: block;
    font-weight: bold;
    padding: 0 0 3px;
}
form.dy-form input.text, form.dy-form select {
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 14px;
}
form.dy-form span.is-req {
    color: #ff0000;
    font-size: 0.9em;
}
div.dy-disclaimer div.dy-form-field {
    color: #dd0000;
}

form.dy-form div.dy-form-item.dy-disclaimer .dy-form-label {
    display:none;
}
form.dy-form div.dy-form-item.dy-disclaimer .dy-form-field {
    margin-left: 0;
}
form.dy-form label.error {
    color: #ff0000;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
form.dy-form input.error, form.dy-form select.error {
    border: 1px solid #ff0000;
}
form.dy-form div.clear-left {
    clear: left;
}
div.dy-calendar select {
    float: left;
    width: auto;
}
div.dy-btn-row {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0 20px;
    text-align: center;
}
form.dy-form div.dy-jd-text {
    width: 100% !important;
}
div.msg-bottom,
div.msg-top{
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #9A9A9A;
    border-bottom: 1px solid #9A9A9A;
    text-align: center;
    padding: 10px;
}
div.dy-jd-text a b {
    display: block;
    margin: 10px 0;
}
div.dy-job-desc {
    background: #fafafa;
    padding: 10px 15px;
    margin: 10px 0;
    display: none;
}

/* Login box */
.login-screen, .autofill-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display:none;
}
.login-box {
    width: 260px;
    margin: 100px auto 0;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    box-shadow: 0 0 5px #000;
    padding: 20px;
    overflow: hidden;
}
.login-box .input-row {
    margin: 10px 0;
    float: left;
    width: 100%;
}
.login-box .input-row label {
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
}
.login-box input.text {
    padding: 7px 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
}

.dy-form .btn,
.login-box .btn{
    background: #dddddd;
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
    float: left;
    display: inline;
    padding: 3px 10px;
    font-weight: bold;
    color: #333;
    border: 1px solid #aaa;
    text-decoration: none;
    line-height: 1.8em;
    border-radius: 3px;
    cursor: pointer
}

.dy-form .btn:hover,
.login-box .btn:hover{
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #aaa;
    text-decoration: none
}

.dy-form  .btn:disabled,
.dy-form  .btn.disabled,
.dy-form .btn.disabled:hover,
.login-box .btn:disabled,
.login-box .btn.disabled,
.login-box .btn.disabled:hover {
    background: #dddddd;
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
    border: 1px solid #aaa;
    opacity: 0.6;
    filter: alpha(opacity=50);
    cursor: default;
    color: #333
}

.dy-form .btn-primary,
.login-box .btn-primary {
    behavior: url(js/PIE.htc);
    position: relative;
    background: #4bd287;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4bd287), to(#3cc579));
    background: -webkit-linear-gradient(#4bd287, #3cc579);
    background: -moz-linear-gradient(#4bd287, #3cc579);
    background: -ms-linear-gradient(#4bd287, #3cc579);
    background: -o-linear-gradient(#4bd287, #3cc579);
    background: linear-gradient(#4bd287, #3cc579);
    -pie-background: linear-gradient(#4bd287, #3cc579);
    float: left;
    padding: 3px 10px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #06A64D;
    text-decoration: none;
    line-height: 1.8em;
    border-radius: 3px
}

.dy-form .btn-primary:hover,
.login-box .btn-primary:hover {
    behavior: url(js/PIE.htc);
    position: relative;
    background: #3cc579;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3cc579), to(#4bd287));
    background: -webkit-linear-gradient(#3cc579, #4bd287);
    background: -moz-linear-gradient(#3cc579, #4bd287);
    background: -ms-linear-gradient(#3cc579, #4bd287);
    background: -o-linear-gradient(#3cc579, #4bd287);
    background: linear-gradient(#3cc579, #4bd287);
    -pie-background: linear-gradient(#3cc579, #4bd287);
    border: 1px solid #06A64D
}
.login-box .btn-primary {
    margin-right: 10px;
}
.login-box .btn-row {
    font-size: 12px;
    line-height: 16px;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.dy-form .btn {
    display: inline-block;
    float: none;
}

.dy-form .btn-primary {
    padding: 6px 30px;
    font-size: 18px;
}
.login-box .heading h2 {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 0 50px;
    padding: 8px 0;
    color: #fff;
}

.login-box .heading {
    background: #cc0000;
    margin: -20px -20px 0;
}

.login-box .heading span.icon {
    float: left;
    width: 40px;
    height: 40px;
    background: #aa0000;
}

.login-box form {
    padding: 10px 0 0;
    margin: 0;
    float: left;
}
.login-box .btn-area {
    float: right;
}
.login-box input.error {
    border: 1px solid #dd0000;
}

.login-box label.error {
    color: #dd0000;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 3px;
}

.dy-form .isDatePicker {
    padding-right: 35px;
}

.dy-form .isDatePicker + button.ui-datepicker-trigger {
    border:0px;
    width:30px;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    display:inline-block;
    vertical-align:middle;
    padding:0px;
    text-align:center;
    margin-left:5px
}

.login-box .form_err {
    color: #dd0000;
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
    display: none;
    background: #FCDCDC;
    margin: 5px 0;
}
div.footer {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
@media (min-width: 500px) {
    div.dy-form-field {
        margin-left:150px
    }

    form.dy-form div.dy-form-item {
        padding: 4px 0
    }

    form.dy-form label.dy-form-label {
        float: left;
        padding: 0;
        width: 140px
    }
}

@media (min-width: 600px) {
    form.dy-form div.dy-form-item {
        width:50%;
        padding: 4px 20px;
        box-sizing: border-box
    }

    form.dy-form label.dy-form-label {
        float: none;
        width: auto;
        padding: 0 0 5px
    }

    div.dy-form-field {
        margin-left: 0
    }

    form.dy-form {
        padding: 20px 30px
    }

    div.dy-jd-text a b {
        display: inline;
        margin: 0
    }

    .login-box {
        width: 340px;
    }
    .login-box .input-field {
        margin-left: 120px;
    }

}

@media (min-width: 1000px) {
    form.dy-form {
        padding:20px
    }

    form.dy-form div.dy-form-item {
        padding: 4px 30px
    }

    form.dy-form label.dy-form-label {
        float: left;
        padding: 0;
        width: 43%
    }

    form.dy-form div.dy-form-field {
        margin-left: 45%
    }
}

@media (min-width: 1200px) {
    form.dy-form {
        width:1160px;
        margin: 0 auto
    }

    form.dy-form div.dy-form-item {
        padding: 4px 60px
    }

    div.dy-page-error {
        margin: 20px auto
    }
}