﻿okbody{color:#333;}
﻿bd {background-color:#ffffff;padding-top:20px;}
.cnt980 {width:980px;margin:0 auto;}
img {border:0 none;}

HR { color: #ccc;border:0px;background-color: #ccc;height: 1px;padding:0px;}

.hiddenHref{font-weight:bold;overflow:hidden;width:40px}

/*--- ADMIN RED BAR ABOVE HEADER --*/
.admin-zone {
	background-color: #990000;
	color: #fff;
	padding: 6px 6px 6px 6px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}


/*---standardize page items--*/
/*--top bar--*/
.head{width:100%;background:#5B5A4B;padding:0;}
#Wc_Site_AccountBar1_panBasic,#Wc_Site_AccountBar1_panGuest{width:100%;background-color:#fcf2c7;border-bottom:none;min-width:1000px;}
#LogoBar,#SiteNavBar{width:980px;margin:0 auto 0 auto;padding:0;}
#LogoBar,#SiteNavBar {background:#5B5A4B;}
div#LogoBar table{display:block;color:#FFFFFF;/*font-size:11px;*/}
div#LogoBar table a.whitetxt{color:#fff; text-decoration: none;}

div#LogoBar table td.profile-area {
    font-size: 12px;
}

div#LogoBar table td.profile-area a:hover {
    text-decoration: underline;
}
/*logo and nav */
.LogoBarTable{padding:10px 0 0 10px;}
.SiteNavBarTable{margin:0 0 0 20px;}


/*--top Site Nav bar--*/
.left-nav{font-size: 12px;padding-bottom:60px;width:200px;}
.left-nav-menu li {
    border:none;
    border-bottom:solid 1px #ccc;
}

.left-nav-menu  a{
    display:block;
    padding:15px 0 15px 10px;
    text-decoration:none;
    font-weight:bold;
}
.left-nav-menu a:hover
{
    background:none no-repeat scroll 0 0 #f2f2f2;
}

.left-nav-menu a.selected
{
    color:#333333;
    font-weight:bold;
    background:none no-repeat scroll 0 0 #dfe0d8;
    cursor:default;
}
.left-nav-menu a.selected.on
{
    background:#dfe0d8;
   /*background:url(arrow_sprite.gif) no-repeat scroll 0 -498px;*/
}

.left-nav-menu-categories{
    padding:0 0 8px 8px;
    background:none no-repeat scroll 0 0 #f2f2f2; 
}

.left-nav-menu-categories li {
    border:none;
    border-bottom:none;
}
.left-nav-menu-categories  a{
    display:block;
    padding:5px 5px 5px 20px;
    text-decoration:none;
    font-weight:normal;
    zoom:1;
}
.left-nav-menu-categories a.first {
    padding: 5px 5px 5px 20px;
}

.left-nav-menu-categories  a:hover{
    text-decoration:underline;
}
.left-nav-menu-categories  a.active{
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}
.left-nav-menu a span.new{
    color: #FF3300;
    font-style:italic;
    font-size:0.875em;
}
.left-nav-menu .has-sub img {
    width:18px;
    height:10px;
}
.left-nav-menu .has-sub .sub-collapse img {
    background: url('../i/sprite_arrows.png') no-repeat 7px -579px;
}
.left-nav-menu .has-sub .sub-expand img {
    background: url('../i/sprite_arrows.png') no-repeat 4px -557px;
}
.left-nav-menu .has-sub .sub-expand {
    padding-bottom:4px;
}
.left-nav-menu .has-sub a.sub-expand {
    font-weight:bold;
    background:none no-repeat scroll 0 0 #f2f2f2;
}
#question_bank_link .sm-tip-help {
    background: url('../i/sprite_help_tip.png') no-repeat 0px -100px;
    height: 17px;
    width: 18px;
    float:right;
    margin-right:15px;
}
#question_bank_link .sm-tip-help:hover {
    background: url('../i/sprite_help_tip.png') no-repeat 0px -150px;
}

#SiteNavBar {height:27px;padding-top:5px;font:12px/1.5 arial,helvetica,sans-serif;}
* html #SiteNavBar {height:22px;}


.SiteNavBarTable td {
    *padding-bottom: 5px;
}

.SiteNavBarTable a {
    font-size:14px;
    text-decoration:none;
    color: #C8C8C0;
    font-weight:bold;
    margin-right:30px;
}
.SiteNavBarTable a:hover {
    color: #fff;
    text-decoration:none;
}

a.SiteNavBtn, a.SiteNavBtn_R {font-size:14px;text-decoration:none;color: #C8C8C0;font-weight:bold;margin-right:30px;}
a.SiteNavBtn_R {Border-right:0px;}

a.SiteNavBtn_on {
    color: #FFFFFF;
    border-bottom:3px solid #A9BD38;
    padding-bottom:5px; 
    *padding-bottom: 4px;
}

* html a.create-survey {padding:0px 12px 2px 7px;}
*+html a.create-survey {padding:0px 12px 2px 7px;}

a.create-survey:hover 
{
	background-color: #93a329;
	background-image: url(../i/bg-createBtnHover.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

html>body A.SiteNavBtn,A.SiteNavBtn_on,A.SiteNavBtn_R {width: auto;height: auto;}



/*----BASE BUTTONS Grey----*/
A.btn, A.btn_disabled, A.itBtn, A.iBtn16, A.TextBtn, A.TextBtn_disabled{
font-size:12px;color:#222;text-decoration: none;text-align:center;display:inline;
vertical-align:baseline;margin-left:3px;padding:3px;Border:1px solid #666;overflow:hidden;cursor:pointer;
}


a.btn, a.btn_disabled, a.itBtn, a.iBtn16, a.TextBtn, a.TextBtn_disabled {
-x-system-font:none;border:1px solid #999;color:#333;cursor:pointer;display:inline;font-size:12px;font-size-adjust:none;
font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:2em;margin-left:3px;overflow:hidden;padding:3px;text-align:center;
text-decoration:none;vertical-align:baseline;}

a.btn, a.btn_disabled, a.itBtn, a.iBtn16, a.TextBtn, a.TextBtn_disabled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D3D3D3 url(../i/bg-grygrad.gif) repeat-x scroll 0 0;
}

/*----BASE BUTTONS cancel----*/
A.NormBtn, input.NormBtn {background: url( '../i/bg-grygrad.gif' ) 0px 0px repeat-x;background-color:#777;color:#222;Border:1px solid #777;}
A.NormBtn:hover, input.NormBtn:hover{background: url( '../i/bg-grygrad.gif' ) 0px -15px repeat-x;background-color:#eee}
/*A.NormBtn:active {background: url( '../i/bg-grygrad.gif' ) 0px -50px repeat-x;}*/ /* don't need this state... not sure why we're using it. */

/*--ROLLOVER CODE--*/
A.btn, A.btn_disabled, A.itBtn, A.iBtn16, A.TextBtn, A.TextBtn_disabled {background: url( '../i/bg-grygrad.gif' ) 0px 0px repeat-x;background-color:#D3D3D3;}
a.TextBtn_disabled  {
	color:#666;
	cursor:default;
}

/*A.btn:hover, A.btn_disabled:hover, A.itBtn:hover, A.iBtn16:Hover, A.TextBtn:hover{background: url( '../i/bg-grygrad.gif' ) 0px -20px repeat-x;background-color:#F3F3F3;}*/


/*--ROLLOVER CODE--*/
A.MainBtn, A.MainBtnDisabled, A.NormBtn, A.GreenMainBtn, A.SecondaryBtn, A.AlertBtn, input.MainBtn, input.NormBtn, input.GreenMainBtn {cursor:pointer;font-size:12px;text-decoration: none;text-align:center;display:inline;vertical-align:baseline;margin-left:0;margin-right:10px;padding:5px 7px; /*7d4200*/overflow:hidden;}
A.SecondarySmallBtn {cursor:pointer;font-size:12px;text-decoration: none;text-align:center;display:inline;vertical-align:baseline;margin-left:0;margin-right:10px;padding:4px 7px; /*7d4200*/overflow:hidden;}
A.MainBtn, A.MainBtnDisabled, input.MainBtn {background: url('../i/btnMain.gif' ) 0px 0px repeat-x;background-color:#41C1C0;color:#ffffff;border:1px solid #999;font-size:12px;font-weight:bold;}
A.MainBtn:hover, input.MainBtn:hover {background: url('../i/btnMain.gif' ) 0px -10px repeat-x;background-color:#078381;color:#ffffff;Border:1px solid #666;}
A.SecondaryBtn, A.SecondarySmallBtn, A.SecondaryBtnDisabled {background: url('../i/btnSecondary.gif' ) 0px 0px repeat-x;background-color:#41C1C0;color:#ffffff;border:1px solid #999;font-size:12px;font-weight:bold;}
A.SecondaryBtn:hover, A.SecondarySmallBtn:hover input.MainBtn:hover{background: url('../i/btnSecondary.gif' ) 0px -10px repeat-x;background-color:#078381;color:#ffffff;Border:1px solid #666;}
A.AlertBtn, A.AlertBtnDisabled {background: url('../i/btnAlert.gif' ) 0px 0px repeat-x;background-color:#41C1C0;color:#ffffff;border:1px solid #999;font-size:12px;font-weight:bold;}
A.AlertBtn:hover {background: url('../i/btnAlert.gif' ) 0px -10px repeat-x;background-color:#078381;color:#ffffff;Border:1px solid #666;}


/*--------------------------------------Orange buttons--------------------------*/
input.TextBtnOrange, A.TextBtnOrange, A.TextBtnGreenDisabled {font-size: 12px;color:#FFFFFF;text-decoration: none;text-align:center;display:inline;vertical-align:baseline;margin-left:0;padding:3px 10px;Border:1px solid #666;overflow:hidden;cursor:pointer;line-height:2em;}

/*--ROLLOVER CODE--*/
input.TextBtnOrange, A.TextBtnOrange, A.TextBtnGreenDisabled {background: url( '../i/btnMain.gif' ) 0px 0px repeat-x;background-color:#7DB4B7;}
input.TextBtnOrange:hover, A.TextBtnOrange:hover {background: url( '../i/btnMain.gif' ) 0px -70px repeat-x;background-color:#7DB4B7;text-decoration: none;}
input.TextBtnOrange:active, A.TextBtnOrange:active {background: url( '../i/btnMain.gif' ) 0px -70px repeat-x;background-color:#7DB4B7;}
A.TextBtnGreenDisabled, A.MainBtnDisabled, A.SecondaryBtnDisabled {cursor: default; opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}

/*--based on snazzy corners [http://www.stunicholls.myby.co.uk/boxes/snazzy.html]--*/
/*--4px angle tab style--*/
.p4_B1, .p4_B2, .p4_B3, .p4_B4 {display:block; overflow:hidden;height:1px;}
.p4_B2, .p4_B3, .p4_B4 {border-width:0 1px;}
.p4_B1 {margin:0 4px;}
.p4_B2 {margin:0 3px;}
.p4_B3 {margin:0 2px;}
.p4_B4 {margin:0 1px;}


/*--3px angle tab style--*/
.p3_B1, .p3_B2, .p3_B3 {display:block; overflow:hidden;height:1px;font-size:1px;}
.p3_B2, .p3_B3 {border-width:0 1px;}
.p3_B1 {margin:0 3px;}
.p3_B2 {margin:0 2px;}
.p3_B3 {margin:0 1px;}



.PageTitle, TD.PageTitle{color:#999;padding-right:25px;font-size:24px;}


/*--content table--*/
#ContentArea {background: #ffffff; margin:0px 7px;border-bottom:0px;margin:0 auto;width:980px;}
#TabContent, #NoTabContent{width:980px;color:#333;border:0px;margin:0 auto 0 auto;}
#TabContent {border-top:1px solid #9A9A9A;}

#NoTabContent{padding:0px;background-color:#FFFFFF;}
#NoTabContent .xInfoContent{background-image:none;Border:none;}




/*-- general page layout items --*/

TD {}
TD.FormTitle {color:#3c6090; border-bottom:1px solid #3c6090;font-weight:bold;font-size:15px;padding-top:1px;padding-bottom:2px;}
TD.PopupTitle {color:#444; background: url('../i/tile_sub.gif') 0px 0px repeat-x;border-bottom:solid 1px #666; font-weight:bold;font-size:15px;padding-bottom:2px;padding-left:5px}
TD.FormHdr, TD.FormHdrOpt, TD.FormHdrReq{color:#333;font-weight:bold;font-size:12px;text-align:right;padding-right:5px; white-space: nowrap;}
TD.FormHdrOpt{color:#999;}
TD.FormHdrReq{color:#f33;}
TD.FormSplit {border-bottom:1px solid #999;font-size:1px;}
TD.txtHdr {font-weight:bold;}
TR.On {border-bottom:1px solid #999;}
TD.BdrBtm {border-bottom:1px solid #ccc;}
td.FormHdrLt{text-align:left;}

.InfoBar  {margin-bottom:16px;margin-top:16px;border-top:solid 3px #333;}
.InfoBarTitle {color:#333;font-weight:bold;background-color:#FFFFFF;padding:8px 0;margin:0;}
.InfoBarContent{background-color:#E9E9E9;border-bottom:solid 1px #999999;}

/* additions for upgrade to annual styles */
.UpgradeBarTitle {color:#fff;font-weight:bold;font-size:14px;background-color:#87a312;padding:8px;margin:0 0 5px;}
.UpgradeBarContent{line-height: 24px;}

/****************  Menu  *****************/
/**     using a 3 leve deep tab angle   **/
/*****************************************/

.InfoBarLeft{padding:0 10px;width:180px;font-size:.75em; }
/*--containers for content--*/

.LMenuItem {margin: 5px 0px 15px 5px;}
.LMenuItemTitle {padding:2px 0px;margin-bottom:5px;border-bottom: solid 1px #888;font-weight: bold; font-size: 14px; color: #111}

.LNav, .LNav_on {background:none;margin:0px;display:block;padding:5px 0px;}
.LNav a, .LNav_on a {text-decoration:none;color:#FFFFFF;display:block;}

.LN_title {padding:0 0 1px 0;background-color:#7DB4B7;font-size:12px;font-weight:bold;white-space:nowrap;}
.LN_title a {padding:2px 2px 2px 5px;}
.LN_title img {vertical-align:middle;}

.LN_t, .LN_b {display:block;background:transparent;font-size:1px;}
.LN_data {background:#ABC6EB;color:#679499;}

.LNB1,.LNB2,.LNB3 {display:block;overflow:hidden;height:1px;}
.LN_data,.LNB2,.LNB3 {border-style:solid;border-color:#679499;border-width:0 1px;}
.LNB2, .LNB3 {background:#7DB4B7;}
.LNB1 {margin:0 3px; background:#679499;}
.LNB2 {margin:0 2px; border-width:0 1px;}
.LNB3 {margin:0 1px;}
.LN_t .LNB2, .LN_t .LNB3 {background:#7DB4B7;}

/*--Menu Rollover trick--*/
.LNav:hover b b,
.LNav:hover .LN_data,
.InfoBarLeft div.hover b.LN_t b, .InfoBarLeft div.hover b.LN_b b, .InfoBarLeft div.hover .LN_data {border-color:#386E74;}
.LNav:hover .LNB1, .InfoBarLeft div.hover .LNB1 {background-color:#386E74;}
.LNav:hover .LN_title, .InfoBarLeft div.hover .LN_title {background-color:#7DB4B7;background-position:0 5px;} 


/*--Menu "on" code--*/
.LNav_on .LN_data {background:#A9BD38;border-color:#7E8D27;}
.LNav_on .LN_data .LN_title {background:#A9BD38;}
.LNav_on .LNB1,.LNav_on .LNB2,.LNav_on .LNB3 {background:#7E8D27;border-color:#7E8D27;}
.LNav_on .LN_t .LNB2,.LNav_on .LN_t .LNB3 {background:#A9BD38;}
.LNav_on .LN_b .LNB2,.LNav_on .LN_b .LNB3 {background:#A9BD38;}
/***************************************/





/***************** TABS  *****************/
/**     using a 3 leve deep tab angle   **/
/*****************************************/
ul.tabs {
    margin-right: 10px;
}

ul.tabs:after, .container:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

ul.tabs li {
    display: -moz-inline-box;
    display: inline-block;
    zoom:1;*display: inline;
    background-color: #cbcbcb;
    font-size: 0.75em;
    padding: 5px 10px 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-top-left: 5px;
    -webkit-border-radius-top-right: 5px;
    *margin-right: 3px;
}

ul.tabs a, ul.tabs a:visited {
    color: #333333;
    font-weight: bold;
	text-decoration: none;
}

ul.tabs li.current {
    background-color: #fff;
    border: 1px solid #999;
    border-bottom: none;
    bottom: -1px;
	position: relative;
}

#NavTabs {background:#333;padding-right:10px;}
#NavTabs ul {float:right;margin:0; padding:0; list-style-type:none; background:transparent;white-space:nowrap}
#NavTabs li {display:block; float:left;padding-left:3px;width:165px;position:relative;bottom:-1px;font-weight:bold;}

/*--3px angle tab style--*/
.ttop {display:block; background:transparent; font-size:1px;overflow:hidden;}
.tbtm {display:block; background:transparent; font-size:1px;height:1px;overflow:hidden;}

.nTab {background: transparent;}
.nTab .p3_B1, .nTab .p3_B2 {height:1px;}
.nTab .nTabTitle {display:block; color:#333000;text-align:center; background-color:#5781B9; font-size:12px;padding:3px 0px; text-decoration:none;}

/*--Color the borders*/
.nTab .nTabTitle, .nTab .p3_B2, .nTab .p3_B3{border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A;}
.nTab .p3_B1{background:#9A9A9A;}
.nTab .tbtm {background-color:#9A9A9A;}

/*--change this for color update*/
.nTab .p3_B2, .nTab .p3_B3, .nTab .nTabTitle{background-color:#D3D4CC;}

/*--Rollover*/
a.nTab, a.nTab_on, a.nTab:visited {display:block; text-decoration:none;}
a.nTab:hover {background:transparent; cursor:pointer;}

a.nTab:hover .nTabTitle {color:#333;}

a.nTab:hover .nTabTitle, a.nTab:hover .p3_B2, a.nTab:hover .p3_B3 {background-color:#B3B4AD;}

/*--on state--*/
a.nTab_on .nTabTitle {color:#333;}
a.nTab_on .nTabTitle, a.nTab_on  .p3_B2, a.nTab_on  .p3_B3 {background-color:#FFFFFF;}
a.nTab_on .tbtm {background-color:#ffffff;}


/*--survey topbar--*/
#SurveyBar {background:#e9e9e9; padding-top:15px;}
#SurveyBar .p4_B1, #SurveyBar .p4_B2, #SurveyBar .p4_B3, #SurveyBar .p4_B4, #SurveyBar .xContent{background-color:#e9e9e9;}


/*--Survey tab code--*/
TABLE.SurveyHdr {background:transparent;padding:2px;padding-bottom:0px;}
TABLE.SurveyHdr TD.GridParam {color:#333;vertical-align:text-top;text-align:right;white-space:nowrap;}
.SurveyTitle {font-size:20px; letter-spacing: -0.01em;font-weight:bold;padding-bottom:4px;overflow:hidden;width:380px;}
li.SurveyTitle {padding-bottom:0; width:auto;}
.sm_hdr {color:#333333;	font-size:.65em;letter-spacing:2px;}
.sm_col_hdr{font-size:11px;color:#333;letter-spacing: 2px;line-height:16px}
.sm_hdr_link{font-weight:bold;font-size:.688em;margin-left:5px;}

/*++++++++++++++++Collector STUFF+++++++++++++++++++++++++++++++++*/
/*special cased topbar that does not have rounded right top corners*/
.xCol {background-color:#ffffff; margin:0px;}
/*--change this for color update*/
.xCol .p4_B1, .xCol .p4_B2, .xCol .p4_B3, .xCol .p4_B4 {background-color:#FFFFFF;}
.xCol .p4_B1, .xCol .p4_B2, .xCol .p4_B3 {height:1px;margin-right:0px;}
.xCol .p4_B4 {margin-right:0px;}
/*--Color the borders*/
.xColContent, .xCol .p4_B2, .xCol .p4_B3, .xCol .p4_B4 {border-left:1px solid #FFFFFF;}
.xCol .p4_B1{background:#FFFFFF;}
.xColContent {Padding:1px 5px;background-color:#FFFFFF;}
/*IE6 hack*/
* html .xColContent {height:0px;}
.RQR {margin-right:4px;}
.maxChr{font-size:11px;color:#666;}
/*--collector bar--*/
.CollMain {font-size: 12px; color: #333; font-weight: bold; padding-left:20px; line-height:16px}
.CollSub {font-size: 12px; color: #333; font-weight: bold; padding-left:20px;margin-right: 12px;*margin-right: 22px;}



/*-------------grid code--------------*/
TABLE.Grid {background-color:#E9E9E9;border:0px;margin:0;}
TABLE.Grid TH {background: url( '../i/grid-th-lgt.gif' ) left bottom repeat-x;font-size:12px;padding-left:7px;color:#333;border-bottom:solid 1px #999999;border-top:solid 1px #999999; height:24px;vertical-align:middle;}
TABLE.Grid TH.dark {background: url( '../i/grid-th-drk.gif' ) 0px 0px repeat-x;background-color:#BCBCBC;}

TABLE.Grid TH.noSplit {}

/*--on state--*/

TABLE.Grid TD.on,TABLE.Grid TD.on_lt_hdr,TABLE.Grid TD.on_rt_hdr,TABLE.Grid TD.on_lt,TABLE.Grid TD.on_rt {background-color:#f5f5f5;}
TABLE.Grid TD {padding:3px;border:none;font-size:12px;border-bottom:1px solid #CCC;}
TABLE.Grid TD.noSplit {padding:3px;text-align:center;border-top:1px solid #CCC;border-right:0px}
TABLE.GridBtm {border:1px solid #AAA; border-top:0px; padding-left:5px; padding-right:5px; background-color:#ccc;color:#333;font-size:12px;font-weight:bold}

/*-- alt code--*/
TABLE.GridAlt {background-color:#FFF;border-top:1px solid #999;border-bottom:1px solid #999;}
TABLE.GridAlt TH {background: url( '../i/grid-th-drk.gif' ) 0px 0px repeat-x; background-color:#ccc;font-size:12px;padding-left:3px;color:#333; }
TABLE.GridAlt TD {padding:3px;}
TABLE.GridAlt TD.borderBtm {border-bottom:1px solid #CCC}
TABLE.GridAlt TD.borderBtm a{font-weight:normal;}
TABLE.GridNone TD {border-width:0px;text-align:left}

/*--alignment and text treatemnt--*/
TABLE.Grid TD.rt_hdr, TABLE.Grid TD.on_rt_hdr,TABLE.Grid TD.rt, TABLE.Grid TD.on_rt {padding-left:5px;text-align:right;}
TABLE.Grid TD.lt_hdr, TABLE.Grid TD.on_lt_hdr,TABLE.Grid TD.lt, TABLE.Grid TD.on_lt  {padding-left:5px;text-align:left;}
TABLE.Grid TD.rt_hdr, TABLE.Grid TD.on_rt_hdr {font-weight:bold;padding-right:8px;}
TABLE.Grid TD.lt_hdr, TABLE.Grid TD.on_lt_hdr {text-align:left;font-weight:bold;}
/*-------------grid code--------------*/

/*--Grid paging --*/
.gBtn, .gBtnOff, .gBtnOffcap, .gBtnOn, .gBtn A {display:inline; color:#105CB6; }
.gBtnOff,  .gBtnOffcap, .gBtnOn, .gBtn A {font: 10px/1.8;padding:2px 6px 2px 6px;}
.gBtnOn         {color:#333;font-weight:bold;}
.gBtnOff,.gBtnOffcap{color:#999;}
.gBtn A.cap     {}
.gBtn A         {text-decoration:none;color:#00898B;}
.gBtn A:hover {color:#00898B;}
html>body.gBtn A {width: auto;height: auto;}

TABLE.Grid TD.btnPaddingLft{background:#fff;padding-left:10px;}
/*--survey editor/results--*/
#EditContainer {width: 100%;}
#EditSidebar {height:100%;position: absolute;}

/*-------------------------*/

/* THICKBOX */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
/*#TB_window a:visited {color: #666666;} */
/*#TB_window a:hover {color: #000;} */
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#ccc;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px}
#TB_caption{height:25px;float:left;padding:7px 30px 10px 25px}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0}
#TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px}
#TB_title{background-color:#e8e8e8;height:27px}
#TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
#TB_ContentShadow{}
.TB_CloseButton{background: url( '../i/closeGray.gif' )  center right no-repeat;}
* html #TB_overlay,* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px')}
* html #TB_window,* html #TB_load{position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2)+"px");}
#popupTitleBar {background:#444 url('../i/tb_blkTB.gif') repeat-x;background-color: #333344;font-weight: bold;height: 29px;padding: 0;padding-bottom:0;position: relative;z-index: 203;color: #FFF;}
#popupTitle {float:left;font: 15px/2.0em Arial,helvetica;font-weight:bold;line-height:1.8em;margin-left:10px;}
#popupControls {float:right;padding-right:8px;cursor: pointer;background-color:transparent;border-width:0px;}
#popupControls a span {display: block;height: 24px;width: 24px;padding-top:4px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global feedback messaging <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.ErrorMessageText {font-weight:bold;color:#fff;}
.ErrorMessage a{color:#fff; text-decoration:underline;}
.ErrorMessage a.StatOnline { color: #fff; text-decoration: underline;}
.errorMsgTable{width:100%;}
DIV.ErrorMessage {text-align:left;margin:15px 0 15px 0;padding:10px;background:#CC0000;font-weight:bold;color:#fff; font-size:12px;}
DIV.ErrorMessageSmall {padding-left:21px;padding-bottom:5px;margin-top:5px; margin-bottom:0px; font-size:12px; line-height:16px; font-weight:bold;color:#aa0000;}
DIV.ErrorMessageSmallLeft {padding-left:0px;}
DIV.SuccessMessage {padding:10px;margin:0 0 15px 0;background:#87a61a; font-size:12px;font-weight:bold;color:#fff;}

.panSuccessMessage{width:100%;margin:0;padding:0;}

DIV.TipMessage {padding-left:31px;padding-bottom:10px;margin-top:10px; margin-bottom:0px; font-size:12px; line-height:21px;font-weight:bold;color:#333;}

/*--Monkey Message--*/
#MsgZone {display:block;}
#MsgZone TABLE.msg{padding-top:5px; padding-bottom:5px;}
#MsgZone TABLE.msgCap{padding:0px;}
#MsgZone TD{padding:0px;}
#MsgZoneTxt {Padding-left:8px;Font-size:12px;font-weight:bold;color:#FFF;}

#MsgZoneBasic,#MsgZoneGuest {width:980px;margin:0 auto 0 auto;padding:10px 0 10px 0;text-align:center;Font-size:12px;color:#333;background-color:#fcf2c7;}
#MsgZoneBasic TD{white-space: nowrap;}
#MsgZoneBasic TD.basicAccount{white-space: nowrap;text-align:center;}
#MsgZoneBasic TD .pipe{margin:0 15px 0 15px;}
#MsgZoneBasic TD.wSplit{padding-left:5px;border-left:1px solid #666;}
#MsgZoneGuest TD{white-space: nowrap;text-align:left;}
#MsgZoneGuest TD.wSplit{padding-left:5px;border-left:1px solid #666;}

DIV.promolarge{background-color:#FCF2C7;background-image:none;color:#333;border:none;}
.promosmall,.promolarge{background:#E6ECC0;color:#000;padding:10px 0 10px 0;text-align:center;}
.promosmall td{white-space: nowrap;text-align:center;}
.promosmall td.wSplit{padding-left:5px;border-left:1px solid #666;}



/*-INFOBARS-*/
.xcap {display:block; background:transparent; font-size:1px;}

.xInfoContent,.xEditInfoContent,.xInfoContentAcct {Padding:0 20px;background-color:#FFF;font-size:12px;}
.xInfoContentAcct{background-image:none;border-top:none;}
/*IE6 hack*/
* html .xInfoContent {height:0px;}
xInfoContentNoPad {padding:0px;}

.InfoWarn {background: transparent;margin:20px 0 20px 0;width:100%;}
.InfoWarnTitle {color:#333;font-weight:bold;font-size:14px;padding-left:5px;Margin-bottom:4px;}
/*--change this for color update*/
.InfoWarn .p3_B1, .InfoWarn .p3_B2, .InfoWarn .p3_B3{background-color:#ffffaa;}
.InfoWarn .p3_B1, .InfoWarn .p3_B2{height:1px;}
/*--Color the borders*/
.InfoWarnContent, .InfoWarn .p3_B2, .InfoWarn .p3_B3{}
.InfoWarn .p3_B1,.InfoWarn .p4_B1{background:#ffe89d;}

.InfoWarnContent /*{padding:10px 0 10px 10px;background-color:#ffffaa;Color:#333;text-align:left;}*/
{
	text-align:left;
	font:bold;
	color:#333;
	background-color: #FCF2C7;
	margin:20px 0 0 0;
	padding:20px;
	width: auto;
	
}
.InfoUpgrade {background-color: #FCF2C7;padding:10px;margin:15px 0px;/*width:98%;*/}
.InfoUpgradeTitle {color:#996519;font-weight:bold;text-transform:uppercase;font-size:12px;}
.InfoUpgradeButton {padding-top: 6px; padding-bottom:6px; padding-right: 10px; width: 82px; float:right; margin-top:-6px;}/* FOR IE666*/
.InfoUpgradeContent > .InfoUpgradeButton {width: 82px; float:right; padding-right: 0px; padding-top: 7px; padding-bottom:0px;}/*IE666 CANNOT RECOGNIZE THIS*/

.InfoUpgradeContent
{
	text-align:left;
	font:bold;
	color:#333;
	width: auto;
	vertical-align:top; 
	display: inline;
}

.ProFeature 
{
	font-weight: bold;
	text-transform: uppercase;
	color: #996519;
	font-size: 12px;
	vertical-align:top;           
}

/*IE6 hack*/
* html .InfoWarnContent {height:0px;}

/*--collector tab content area--*/
.xcap .p4_B1, .xcap .p4_B2, .xcap .p4_B3, .xcap .p4_B4 {background-color:#FFFFFF;}

/*--collector add Email--*/
..mkLbl,.mkLblOn  {cursor:pointer;padding-left:0px;margin-left:3px;}


/*--mysurvey grid--*/
#NoTabContent .GridSurveyHdr {background-color:#FFFFFF;padding:5px 0px;border-top:3px solid #333000;margin-top:5px;}
#ddlFolders{color:#333;}

/*## MY ACCOUNT LEFT NAV LIST ##*/
#NoTabContent {margin-bottom:0;}
.myAccountListMenu
{
	display:block;	
	margin:10px 0 20px 0;
	
	
}
.myAccountListMenu li
{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.125em;
}
.myAccountListMenu li.last
{
	margin-bottom:0px;
}
.myAccountListMenu li a.activeItem
{
	color:#333;
}
.supportHourList{margin:0 0 10px 0;}
.supportHourList li{color:#333;font-weight:bold;}
.supportHourList li p{margin:4px 0;padding:0;font-weight:normal;}

.bold14111
{
	font-weight: bold;
	font-size: 14px; 
	color: #111	
}

/*## GENERIC CLASSES ##*/
.toUpper{text-transform:uppercase;}
.toLower{text-transform: lowercase;}




/* left sidebar & nav */
.sidebar {width:200px; float:left; background:#E8E8E8;color:#333;font-size:12px;}
.sidebar div {margin:0; padding:22px 15px 0 20px;}
.sidebar a, .sidebar a:link, .sidebar a:visited, .sidebar a:active {color:#00898a;}
.sidebar a:hover {text-decoration:underline;}

.sidebar a.selected, 
.sidebar a.selected:active,
.sidebar a.selected:link, 
.sidebar a.selected:visited{
    color:#333; text-decoration:none;
}
.sidebar ul li {margin:6px 0 16px;}
.sidebar hr {height:1px;border: 0 none; background-color:#666; margin:0; padding:0; text-align:left;}
.sidebar h2 {font-size:12px; padding-top:12px;}
.sidebar p {margin:0; padding-top:2px;}
.sidebar strong {padding-bottom:60px;}
.sidebar .menu {margin-bottom:20px; font-weight:bold;font-size:14px;width:auto;}
.sidebar .menu li {border:0; margin-bottom:12px; padding:0;}

/* GENERIC FONTS*/
.green16{font-size:16px;color:#87a32e;font-weight:bold;}
.alert16{font-size:16px;color:#ff6600;font-weight:bold; font-style:italic;}
.alert12{font-size:12px;color:#ff6600;font-weight:bold; font-style:italic;}

br{margin:0;padding:0;width:0;height:0;}


/* new button style */
/* dark yellow background color*/
A.UpgradeBtn{cursor:pointer;font-size:12px;text-decoration: none;text-align:center;display:inline;vertical-align:baseline;padding:3px 6px;margin-left:8px; height:20px; zoom:1; /*7d4200*/overflow:hidden;}
A.UpgradeBtn{background: url("../i/btnUpgradePlusHover.gif") 0px -82px repeat-x;color:#333333;border:1px solid #CCB230;font-weight:bold;}
A.UpgradeBtn:hover{background: url('../i/btnUpgradePlusHover.gif') 0px 0px repeat-x;Border:1px solid #B59E2A;text-decoration: none;}
.btnPadding{*padding:10px;*padding-bottom:10px;*padding-right:10px;}
A.upgradeBtnLg {padding:5px 7px;}


/* ORANGE ALERT CONTAINER*/
.alertMsg{margin:0 10px 0 10px;padding:10px; background-color:#F8941D;color:#fff;}
.alertMsg span.bold{font-weight:bold;}

/**/
.qBody ol li {
list-style-position:inside;
list-style-type: decimal;

}
.qBody ul li {
list-style-position:inside;
list-style-type:disc;
}

/* GENERIC MESSAGING PANEL*/
.panel
{
	background-color:#fcf2c7;
	margin:15px 0 20px 0;
	padding:10px;
	font-size:12px;
	
		
}

.panel-body{float:left;width:75%;}
.panel-alert{ font-weight:bold;color:#996519;}
.panel-button{float:right; margin-top: 10px;}
.panel span.bold{font-weight:bold;}

/* WARNING PANEL*/
.warning-panel
{
	background-color:#E57E2E;
	margin:15px 15px 15px 20px;
	padding:10px;
		
}

.warning-panel-body{font-size:14px;float:left;width:100%;color:#fff;}
.warning-panel-alert{ font-weight:bold;}
.warning-panel-button{float:right; margin-top: 10px;}
.warning-panel span.bold{font-weight:bold;}

/* SERVICE ANNOUNCEMENT*/
.sa-page-block
{
	padding:10px;
	display:block;	
}
.sa-panel
{
	padding:0;
	margin:0;
	font-size:12px;
}

.sa-panel .intro
{
	padding-bottom:5px;
}

.sa-panel .noticeCopy
{
    padding:0 0 10px 0;	
}
.orText{margin:10px auto 10px auto;color:#999; text-align:center;font-weight:bold;}

.sa-panel .sa-hd,.sa-panel .sa-hd h1,.sa-panel .bd,.sa-panel .noticeCopy,.sa-panel .sa-account-info li
{
	margin:0;
	
}
.sa-panel .sa-hd,.sa-panel .bd
{
	padding:0;
	
}

.sa-panel .sa-hd
{
	text-align:center;
	background:url("../i/tb_blkTB2.gif") repeat-x scroll 0 0 #333344;
	height:24px;
	padding:2px 0 2px 0;
	width:auto;
	margin-top:10px;	
}
.sa-panel.green  .sa-hd
{
	background:url("../i/bg_header_green.gif") repeat-x scroll 0 0 #88A634;
	--background-color:#88A634;
	
	
}
.sa-panel.greenSuccess  .sa-hd
{
	background-image:none;
	background:#88A634;
	text-align:left;
}
.sa-panel .sa-hd h1
{
	color:#fff;
	font-size:1.0em;
	font-weight:bold;
	padding:4px;
	
}
.sa-panel .bd
{
    background:#E9E9E9;	
    color:#333333;
}
.sa-panel .bd-offer
{
	
    border-bottom:solid 2px #fff;   	
}
.sa-panel .bd-offer .ModalofferLrg
{

	color:#708528;
	font-size:24px;	
	font-weight:bold;
   
}
.sa-panel .bd-offer .ModalofferLrg span
{
	
	font-weight:normal;
   
}
.sa-panel .offer,.sa-panel .offerLrg
{
	margin:0;
	
}
.sa-panel .offerLrg
{
	color:#708528;
	font-size:16px;
	
}
.sa-panel .greenModalSubHead_True
{
	color:#708528;
	font-size:16px;
	font-weight:bold;
	
}
.sa-panel .greenModalSubHead_False
{
	display:none;
	
}
.sa-panel .sa-account-info
{
	
	
}
.sa-panel.showborder  .sa-account-info
{
	border-top:solid 2px #fff;
}

.sa-panel .sa-account-info li  
{
	display:block;
	padding:10px;
	border-bottom:solid 2px #fff;
	
	
}
.sa-panel.inline .sa-account-info li
{
	float:left;
	text-align:left;
	width:280px;
	border-bottom:none;
	
}
.sa-panel.inline .sa-account-info li.modal
{
	
	width:210px;
	
	
}
.sa-panel.inline .sa-account-info li p
{
	margin:0;
	padding:0;
	
}

.sa-panel.inline .sa-account-info li span.account-value-lrg
{
	font-size:20px;
	font-weight:bold;
	
}

.sa-panel.inline .sa-account-info li p.account-value-sm
{
	font-size:11px;
	font-weight:normal;
	color:#333;
}

.sa-panel .sa-account-info li span.account-value
{
	font-size:18px;
	font-weight:bold;
}
.sa-panel.inline .sa-account-info li.first
{
    border-right:solid 2px #fff;	
	
}
.sa-panel .sa-account-info li.last
{
	border-bottom:none;
	
}
.sa-panel.inline  .sa-account-info li.last
{
	border-left:solid 2px #fff;
	
}
.sa-panel .sa-account-info li div.label
{
	width:45%;
	text-align:right;
	float:left;
	padding:4px 8px 0 0;
	
	
}

.sa-panel.inline .sa-account-info li div.label
{
	float:left;
	width:auto;
	text-align:left;
	padding:4px 8px 0 0;
	
	
}
.sa-panel .sa-vatform{border-top:solid 2px #fff;padding:10px;text-align:center;}
.sa-panel .sa-actions
{
	
	padding:10px;
	
}
.sa-panel .border-top
{
	
	border-top:solid 2px #fff;
	
}
.sa-panel .sa-actions .copy
{
    float:left;	
}
.sa-panel .sa-actions .copy-fixed-width
{
    float:left;	
    width:480px;
    margin:0;
    font-size:11px;
    
}
.sa-panel .sa-actions .buttons
{
    float:right;
    padding-top:8px;	
}
.sa-panel .sa-actions .buttons .sa-remindlater{padding-right:10px;}
.sa-panel .sa-actions .buttons .first
{
   margin-right:10px;
}

.sa-panel .seperatorTxt,.sa-panel .seperatorTxtModal
{
	text-align:center;
	font-size:12px;
	color:#999;
	font-weight:bold;
	padding:10px 0 0 0;	
}
.sa-panel .seperatorTxtModal
{
	font-size:20px;
	padding:20px 0 10px 0;	
}

/*mysurvey responses page*/
.mysurvey-responses{font-size:0.75em;}

/*end mysurvey responses page*/
/* END SERVICE ANNOUNCEMENT*/

.EditorButtonBar 
{
  white-space:nowrap;
  position:relative;
  z-index: 10;
}

/*Quota Checkbox Option Menu*/
.CheckboxMenuContent
{
	background:#fff;
	border:1px solid #666;
	margin-left:3px;
	position:absolute;
	zoom: 1;
	top:23px;
	left:0;
	z-index:52;
	white-space: nowrap;
}
.CheckboxMenuPos 
{
  position:relative;
  display:inline-block;
  /* IE6 IE7 do not grok inline-block, the following turns on hasLayout (zoom, IE only) and applies fix (inline, IE only with * prefix) */
  zoom:1;
  *display:inline;
  /* IE6 IE7 break z-index in positioned elements, setting z-index in a parent is a fix */
  /* leaving z-index as auto, as the menu selector needs to display behind the checkbox menu on the Quota page. There is a bug for IE6 IE7 that needs to be fixed*/
}

.CheckboxMenuItem 
{
	border-top:1px solid #ccc;
	text-align:left;
}
.CheckboxMenuItem.first
{
    border-top:0;
}
.CheckboxMenuItem a:hover
{
    color:#fff;
    text-decoration:none;
}
.CheckboxMenuItem .MenuLink 
{
	display:inline-block;
	padding:10px;
	width:100%;
}
.CheckboxMenuItem .QuotaMenuLink
{
	display:inline-block;
	padding:10px;
}
.CheckboxMenuItem .Tooltip
{
	cursor:pointer;
	display:inline;
	float:right;
	padding:10px;
}
.CheckboxMenuItem .TooltipContent 
{
	margin-left:10px;
	position:absolute;
}

/*end Quota Option Menu*/

.MenuPos 
{
  position:relative;
  display:inline-block;
  /* IE6 IE7 do not grok inline-block, the following turns on hasLayout (zoom, IE only) and applies fix (inline, IE only with * prefix) */
  zoom:1;
  *display:inline;
  /* IE6 IE7 break z-index in positioned elements, setting z-index in a parent is a fix */
  z-index: 60;
}

.Menu 
{
	display:inline-block;
	zoom: 1;
	*display: inline;
}

.MenuContent
{
	background:#fff;
	border:1px solid #666;
	margin-left:3px;
	position:absolute;
	zoom: 1;
	top:23px;
	left:0;
	z-index:50;
	white-space: nowrap;
}
.MenuItem 
{
	border-top:1px solid #ccc;
	text-align:left;
}
.MenuItem.first
{
    border-top:0;
}
.MenuItem a:hover
{
    color:#fff;
    text-decoration:none;
}
.MenuItem .MenuLink 
{
	display:inline-block;
	padding:10px;
	width:100%;
}
.MenuItem .QuotaMenuLink
{
	display:inline-block;
	padding:10px;
}
.MenuItem .Tooltip
{
	cursor:pointer;
	display:inline;
	float:right;
	padding:10px;
}
.MenuItem .TooltipContent 
{
	margin-left:10px;
	position:absolute;
}

.TriggerItem {
  width: 500px;
  border: solid 1px;
  white-space: normal;
}
.TriggerItem h1 {
  margin: 0 0 2px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

.TriggerItem ul {
  margin-top: 10px;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 10px;
}
.TriggerItem li {
  padding-left: 2px;
  list-style-type: disc;
  list-style-position: inside;
}

.RAPercent 
{
	color:#999;
	font:12px Arial,sans-serif;
	margin-bottom:10px;
}

.RAImageContainer
{
	max-height:280px;
	overflow:auto;
}
.RAImage 
{
	background:#e8e8e8;
	display:inline-block;
	margin:0 10px 10px 0;
	padding:10px;
	text-align:center;
	white-space:nowrap;
}
.RAImageSrc
{
	height:110px;
	line-height:110px;
	margin-bottom:5px;
	width:176px;
	white-space:nowrap;
}
.RAImageSrc img
{
	vertical-align:middle;
	max-height: 110px;
	max-width: 176px;
  /*IE6 hack*/
  _height: 110px;
  _width: 176px;
}
.RAImageSrc span
{
	display:inline-block;
}
.RAImage .Alloc
{
	margin:0;
}
.Alloc
{
	color:#999;
	margin-bottom:10px;
	text-align:left;
}

/* Added these for packages release; we should clean up our css next go around*/
/*.InfoBar td { font-size: .75em } */
/*.ExampleQuestion { font-size: .75em } */
/*.Options { font-size: .75em } */
/*.chckBoxLbl { font-size: .75em } */

.Options label, #AssignmentAliasPanel { font-size: 12px; }
#AssignmentAliasPanel  label{ vertical-align: baseline; }
.MenuContent { font-size: 12px; }
.CheckboxMenuContent { font-size: 12px; }
.chckBoxLbl{ font-size: 12px; padding-left: 6px;}
.ExampleQuestion { font-size: 12px; }
#QuestionVariables label { font-size: 12px;}
.wcSiteReportBarBtnTd a.stdHMrgL {margin-left:5px;}

body.smartling-cn div,
body.smartling-zh div,
body.smartling-ko div,
body.smartling-ja div {font-style:normal}

a.UpgradeBtnBlkText{padding:3px 6px; color:#000000; height:auto;}
a.UpgradeBtnBlkText:hover{color:#000000;}

.upgradePremiumModal {margin: 20px;}
.upgradePremiumModal img {float:left; margin-right:20px;}
.upgradePremiumModal .header {font-weight:bold; font-size:30px;}
.upgradePremiumModal .content {margin:15px 0 10px 0; font-size:18px;}
.upgradePremiumModal .content span {font-style:italic; font-family:'Times New Roman', Times, serif;}
.upgradePremiumModal .content span span {color:#C65126; font-weight:bold;}
.upgradePremiumModal .buttons {position:relative;}
.upgradePremiumModal .buttons a {position:absolute; top:0px;}
.upgradePremiumModal .buttons .UpgradeBtnBlkText {left:172px;}
.upgradePremiumModal .buttons .TextBtn {left:247px; line-height: 15px;}

.ColThreeStepWizard
{
   width:516px;
   height:35px;
   margin:0px;
}
.ColThreeStep1
{
     background-image: url(../i/col_three_wiz_one.png);background-repeat:no-repeat;
}
.ColThreeStep2
{
     background-image: url(../i/col_three_wiz_two.png);background-repeat:no-repeat;
}
.ColThreeStep3
{
     background-image: url(../i/col_three_wiz_three.png);background-repeat:no-repeat;
}
.ColAddCtctsPan
{
    padding:10px;
}
.ColAddCtctsPanSel
{
    float:left;
    margin-top:-3px;
}
.ColAddCtctsPanCt
{
     float:left;
     margin-left:5px;
}
.ColCustPanel
{
    margin-left:-10px;  
    padding:10px;
}
.ColCustPanel div
{ 
    margin:0px;
}
.ColCustPanel div div
{
    padding:2px;   
}
.ColMsgBldCustPanel
{
     background-color:#EAEAE8;
     padding:12px 5px 5px 12px;
     *display:block;
     *width:250px;
     margin-bottom:10px;
}
.ColEmailOptionSep
{
    border:1px dotted #D6D6D6;
    margin:5px 0px 5px 0px;
}

.ColStndLink
{
    cursor:hand;
    cursor:pointer;
    margin-right:10px;
}

.SaveAndContinueBtn
{
    padding-left:15px !important;
    padding-right:15px !important;
    margin-right:0px !important;  
}

.ColCustPanelHead
{
    color: #87A32E;
    font-size: 12px;   
}

.ColBarSeparator
{
    height:1px;
    background-color:#D6D6D6;
    margin:5px 0px 4px 20px;
}

.ColBarSeparatorPln
{
    height:1px;
    background-color:#D6D6D6;
}

.ColRoundedPanSched.ColRoundedPan {
    overflow: hidden;
}

.ColRoundedPanImm
{   
    padding:18px; 
}

.ColRoundedPanRecipPanel
{
    padding:15px;   
}

.ColRecipPanelSelect
{
    float:left;margin-top:-2px;margin-right:5px;   
}
.ColRecipPanelDesc
{
    float:left;margin-top:1px;width:600px;
}

.ColRecipPanelCount
{
    margin:15px 0px 0px 5px;
}

.ColGreyRoundedPanel
{
    background-color:#E6E6E6;   
    padding:15px;
}

.ColLightTopLabel
{
    font:Arial,Verdana;
    font-weight:normal;
    color:#A9A9A9;
    font-size:10px;
}

.ColDarkBtmLabel
{
    font:Arial,Verdana;
    font-weight:bold;
    color:#797979;
    font-size:14px;
}

.ColSmallDarkBtmLabel
{
    font:Arial,Verdana;
    font-weight:bold;
    color:#797979;
    font-size:12px; 
}

.ColEmailMsgWm
{
    color:#797979;   
}

.ColMsgDelDelayPanel
{
    font:Arial,Verdana;
    color:#797979;
    font-size:12px;
    float:left;
    width:275px;
}

.ColSprite { background:url("../i/collector-sprites.png") top left no-repeat; }
.ColIcon_clock{ width:39px; height:39px; background-position:-20px -326px;float:left;margin-right:15px;margin-top:5px;}
.ColIcon_mail{ width:25px; height:24px; background-position:-20px -385px;float:left;margin-right:10px;margin-top:4px;}
.ColIcon_person{ width:25px; height:24px; background-position:-20px -429px;float:left;margin-right:10px;margin-top:4px;}
.ColIcon_calendar{ width:25px; height:24px; background-position:-20px -473px; float:left;margin-right:10px;margin-top:2px;}
.ColIcon_alert{ width:25px; height:24px; background-position:-20px -631px; float:left;margin-right:10px;margin-top:8px; }
.ColIcon_add{ width:18px; height:18px; background-position:-20px -517px; float:left;margin:-3px 0px 0px 0px;}
.ColIcon_remove{ width:18px; height:18px; background-position:-20px -555px; float:left;margin:-1px 0px 0px 0px;}
.ColIcon_download{ width:18px; height:18px; background-position:-20px -593px; float:left;margin:-1px 0px 0px 0px;}
.ColWizardBarCircleStep0Off {width:31px; height:31px; background-position:-20px -275px;}
.ColWizardBarCircleStep1Off {width:31px; height:31px; background-position:-20px -173px;}
.ColWizardBarCircleStep2Off {width:31px; height:31px; background-position:-20px -71px;}
.ColWizardBarCircleStep0On {width:31px; height:31px; background-position:-20px -224px;}
.ColWizardBarCircleStep1On {width:31px; height:31px; background-position:-20px -122px;}
.ColWizardBarCircleStep2On {width:31px; height:31px; background-position:-20px -20px;}

.CollSubLbl
{
    font-family:Arial, Verdana;
    font-weight:bold;
    font-size:12px;
    color:#A9A9A9;   
    margin-right:3px;
}

.ColEmailDesc
{
    font-family:Arial, Verdana;
    font-size:11px;
    font-weight:normal;
    color:#797979;   
}

.ColWizardBarPanel
{
    float:left;
    margin-right:10px;
}

.ColWizardBarCircle
{
    float:left;  
    margin-right:5px;
}

.ColWizardBarText
{
    float:left;   
    font-family:Arial, Verdana;
    font-weight:bold;
    font-size:14px;
    white-space:normal;
    margin-top:6px;
    width:130px;
}

.ColWizardBarTextOff
{
    color:#A9A9A9;
}

.ColWizardBarTextOn
{
    color:#A9BD38;
}

.ColSumStartMsg
{
    text-align:center; 
    color: #424242;
    font-family:Arial, Verdana;
    font-weight:bold;
    font-size:18px;
    margin-bottom:10px;
}

.ColSumStartPanel
{
    margin:20px 0px 20px 0px;
}

.ColSumStartLink
{
    text-align:center;      
}

.ColSumStartPanelSep
{
    margin:25px -20px 20px 0px;
}

.ColSumTotNum
{
    font-family:Arial, Verdana;
    font-size:14px;
    font-weight:bold;
    color:#A6C13D;
    float:right;
    margin-right:6px;
}
.ColSumTotLbl
{
    font-family:Arial, Verdana;
    font-size:11px;
    font-weight:normal;
    color:#A6C13D;
    float:right;
    margin-right:10px;
    margin-top:2px;
}
.ColSumCountBar
{
    background-color:#EAEAE8;
    font-family:Arial, Verdana;
    font-weight:normal;
    color:#797979;
    padding:5px 4px 4px 6px;margin-bottom:3px;   
}

.ColSumExpCountPanel
{
    font-family:Arial, Verdana;
    font-size:13px;
    font-weight:normal;
    color:#797979;
    padding:7px 4px 8px 6px;
    *padding:0px 4px 0px 4px;
}

.ColRecipSumAddPanel
{
      background-color:#EAEAE8;
      padding:12px 12px 5px 12px;
      display:inline-table;
      *display:block;
      *width:250px;
}

.ColRecipSumAddPanelSep
{
    margin:10px 0px 3px 0px;  
}

.ColRecipSumAddPanelHdr
{
    font-weight:bold;font-size:16px;font-family:Arial, Verdana;color:#6B6B6B;
}

div.hipaaAlertTip 
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:600;
    font-size:34px;
    color:#333;
    margin:-5px 0px 10px 0px;
    margin-bottom:10px;
    text-shadow:#FFF 0 1px 0;
}

div.hipaaAlertTipDesc
{
     font-weight:200;
     color:#333;
}

div.hipaaAlertTipText
{
     font-weight:normal;
     font-size:16px;
}

div.hipaaAlertTipSubText
{
     font-weight:normal;
     font-size:11px;
     color:#666;
}

div.hipaaSecLogo
{
    background: url("../i/hipaa_security_lg.png") 0 0;
    height: 136px;
    width: 136px;
    margin:30px 20px 0px 30px;
    float:left;
}

div.hipaaSecLogoSm
{
    background: url("../i/hipaa_security_sm.png") 0 0;
    height: 48px;
    width: 48px;
    float:left;
}

div.hipaaGreyPanel
{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    margin:20px;background-color:#E6E6E6;  
}

.HipaaBanner
{
    width:100%; 
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    margin: 0 0 30px 0px;
    overflow: hidden;
    background-color: #F3F3F3;
    padding: 2px;
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #eaeaea 61%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(61%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eaeaea 61%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#eaeaea 61%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#eaeaea 61%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#eaeaea 61%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow:    inset 0 0 1px 2px #ffffff;
    -webkit-box-shadow: inset 0 0 1px 2px #ffffff;
    box-shadow:         inset 0 0 1px 2px #ffffff;
}    

.HipaaBanner .hipContent
{
    margin: 7px 0 0 10px;
}

.HipaaBanner .hipContent .hipTitle
{
    font-size: 14px;
    font-weight: bold;
    color:#333;
    margin-bottom:5px;
}

.HipaaBanner .hipContent .hipText
{
    font-size: 12px;
    font-weight: normal;
    color:#333;
}


/* ----------------------------------------- popup_window --------------------------------------- */
.popup_window{
    background:#EAEAE8;
    padding: 10px;	
    height:250px;
    overflow-x:hidden;
   overflow-y:auto;
}

.quick-post {
    margin-top: 20px;
}

.form-control {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding:5px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.form-horizontal .control-label {
    text-align: right;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
}
.col-lg-2 {
    width: 16.6667%;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
    float: left;
}
/*
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
*/

form label {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.form-group {
    margin-bottom: 15px;
}


