body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; } caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; }
abbr,acronym { border:0; } 
a img { border:  0px; }
:focus { -moz-outline-style: none; outline: none; outline-width: 0px; }

body {
	font: 10px/normal Arial, Verdana, "Lucida Grande", Lucida, sans-serif;
	background: #f8f8f8 url(../../images/body_bck.png) repeat-y right top;
	color: #000;
	text-decoration: none;
    min-width: 900px;
}
table, tr, td { font: 10px/normal Helvetica, 'Helvetica Neue', Arial, "Lucida Grande", Lucida, sans-serif;	}


a { color:  #364355; text-decoration: underline; }
a:hover { color:  #254a70; }

.hidden{display:none;}

dt {
	float: left;
	color: #999;
        font-size: 12px;
	line-height: 20px;
        width: 20%;	
}

dd {
	float: left;
	width:80%;
        color: #333;
        font-size: 12px;
	line-height: 20px;
}

div.array {
	width: 700px; 
	height: 400px;
	border: 3px solid #b6cadf;
	overflow: auto;
	white-space: pre;
	background: #e1f0ff;
	padding: 5px;
	font: 12px "Panic Sans", Monaco, "Andale Mono", "Courier New", Courier, serif;
	color: #212326;
}

tr.highlight {
	background-color: #0069a7 !important;
}

/* HEADER */
    div.top_header {
        background: #4c6c9b url(../../images/hdr_bck.png) repeat-x left top;
        width: 100%;
        height: 60px;
        position: relative;
    }

    div.top div.logo {
        height: 60px;
        background: transparent url(../../images/hdr_logo.png) no-repeat left top;
        width: 300px;
        margin-left: 15px;
    }

    div.top div.logged_in_to {
        display: block;
        text-transform:uppercase;
        position: absolute;
        -webkit-border-bottom-left-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        -moz-border-radius-bottomleft:3px;
        -moz-border-radius-bottomright:3px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        top: 15px;
        right: 250px;
        background: #ffffff;}
        
    div.top div.logged_in {
        display: block;
        text-transform:uppercase;
        position: absolute;
        -webkit-border-bottom-left-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        -moz-border-radius-bottomleft:3px;
        -moz-border-radius-bottomright:3px;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        top: 15px;
        right: 50px;
        background: #001234;
        background: -moz-linear-gradient(top,  #001234 0%, #001947 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001234), color-stop(100%,#001947));
        background: -webkit-linear-gradient(top,  #001234 0%,#001947 100%);
        background: -o-linear-gradient(top,  #001234 0%,#001947 100%);
        background: -ms-linear-gradient(top,  #001234 0%,#001947 100%);
        background: linear-gradient(top,  #001234 0%,#001947 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001234', endColorstr='#001947',GradientType=0 );
        color: #fff;}
        

    div.top div.logged_in span {
        display: block;
        padding: 5px 15px;
    }

    div.top div.logged_in span u {
        text-decoration: none;
        color: #6f90bf;
        letter-spacing: .1em;
    }


    /* @group Level 1 */

    ul.top_level_1 {
        background: #446498 url(../../images/hdr_lvl_1_bck.png) repeat-x left top;
        width: auto;
        height: 40px;
        padding-left: 20px;
    }

    ul.top_level_1 li {
        float: left;
        background: transparent;
        display: block;
        height: 30px;
        margin: 0 19px 0;
        font: 12px/30px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        text-transform: uppercase;
    }

    ul.top_level_1 li a {
        color: #96b3d5;
        text-decoration: none;
        padding: 0 10px;
    }

    ul.top_level_1 li a:hover {
        color: #fff;
    }

    ul.top_level_1 li.active {
        height: 40px;
        background: transparent url(../../images/hdr_lvl_1_actv_lt.png) repeat-x left top;
        margin: 0 3px 0;
        padding: 0;
    }

    ul.top_level_1 li.active span {
        height: 40px;
        display: block;
        float: left;
        color: #fff;
        background: transparent url(../../images/hdr_lvl_1_actv_rt.png) no-repeat right top;
        padding: 0 26px;
        margin: 0;
    }


    ul.top_level_1 li.break {
        float: left;
        height: 30px;
        white-space: nowrap;
        width: 1px;
        background: transparent url(../../images/hdr_lvl_1_dvdr.png) no-repeat center center;
        margin: 0;
    }


    ul.top_level_1 ul.right {
        float: right;
        background: url(../../images/hdr_lvl_1_bck_rt.png) repeat-x left top;
    }


    /* @group Level 2 */


    ul.top_level_2 {
        background: #80a4d3 url(../../images/hdr_lvl_2_bck.png) repeat-x left top;
        height: 31px;
        list-style-type: none;
        padding-left: 30px;
    }

    ul.top_level_2.empty {
        height: 10px;
        /*background-image: url(../../images/hdr_lvl_2_bck_empty.png);*/
    }


    ul.top_level_2 li {
        float: left;
        background: transparent url(../../images/hdr_lvl_2_btn_lt.png) no-repeat left top;
        display: block;
        height: 22px;
        line-height: 22px;
        margin: 2px 11px 0;
    }

    ul.top_level_2 li span,
    ul.top_level_2 li a {
        display: block;
        height: 22px;
        background: transparent url(../../images/hdr_lvl_2_btn_rt.png) no-repeat right top;
        text-align: center;
        padding: 0px 20px;
        text-decoration: none;
        color: #bbcce1;
        font: 10px/23px Arial, Helvetica, Geneva, sans-serif;
        float: left;
        text-transform: uppercase;
    }

    ul.top_level_2 li a:hover {
        color: #fff;
    }

    ul.top_level_2 li.active {
        background-image: url(../../images/hdr_lvl_2_btn_lt_actv.png);
        height: 29px;
    }

    ul.top_level_2 li.active a {
        background-image: url(../../images/hdr_lvl_2_btn_rt_actv.png);
        height: 29px;
        color: #fff;
    }

    ul.top_level_2 li.break {
        float: left;
        height: 24px;
        white-space: nowrap;
        width: 1px;
        background: transparent url(../../images/hdr_lvl_3_dvdr.png) no-repeat center center;
    }


    /* @group Level 3 */

    ul.top_level_3 {
        background: #030924 url(../../images/hdr_lvl_3_bck.png) repeat left top;
        height: 24px;
        padding-left: 40px;
    }


    ul.top_level_3 li {
        float: left;
        background: transparent;
        display: block;
        height: 24px;
        margin: 0 11px 0;
        font: 10px/23px Arial, Helvetica, Geneva, sans-serif;
        text-transform: uppercase;
    }

    ul.top_level_3 li a {
        color: #6a91c7;
        text-decoration: none;
        padding: 0px 5px;
    }

    ul.top_level_3 li a:hover {
        color: #b1cae9;
    }

    ul.top_level_3 li.active {
        background: transparent url(../../images/hdr_lvl_3_actv_lt.png) no-repeat left bottom;
        height: 24px;
    }

    ul.top_level_3 li.active a {
        background: transparent url(../../images/hdr_lvl_3_actv_rt.png) no-repeat right bottom;
        height: 24px;
        color: #fff;
        display: block;
        padding: 0px 5px;
        float: left;
    }

    ul.top_level_3 li.break {
        float: left;
        height: 24px;
        white-space: nowrap;
        width: 1px;
        background: transparent url(../../images/hdr_lvl_3_dvdr.png) no-repeat center center;
        padding: 0 0;
    }

/* @end HEADER */


/* WRAPPER */

    .main { width:auto; padding-right:270px }

    div.content {
        background: transparent url(/images/contnt_bck_rt.png) repeat-x left top;
    }

    div.content_left {
        padding: 20px;
        padding-top: 60px;
        position:relative;
    }

    .footer {
        height: 100px;
        padding: 25px 0px;
        background-color: #030924;
        color:#4f709a;
    }

    .footer a {
        color: #3f6594;
    }

    .footer .divider {
        background-color: #202951;
        height: 1px;
    }

/* LAYOUT */

    .full {width: 99.3%; float: left;_zoom:1}
    .half {width: 49.4%;float: left;_zoom:1;}

    .fourth       {width: 24.4%; float: left;_zoom:1}
    .three-fourth {width: 74%; float: left;_zoom:1}

    .third     {width: 32.45%; float: left;_zoom:1}
    .two-third { width:66%;   float: left;_zoom:1}

    .two-fifth   { width: 40%; float: left;_zoom:1}
    .three-fifth { width: 60%; float: left;_zoom:1}
    .four-fifth  { width: 80%; float: left;_zoom:1}
    .fifth       { width: 20%; float: left;_zoom:1}

    .sixth   { width: 16.66%; float: left;_zoom:1}
    .seventh { width: 14.28%; float: left;_zoom:1}
    .eighth  { width: 12.50%; float: left;_zoom:1}
    .ninth   { width: 11.11%; float: left;_zoom:1}
    .tenth   { width: 10%; float: left;_zoom:1}
    .nine-tenth { width: 89.7%; float: left;_zoom:1}

    .unit {float: left;_zoom:1}
    .line, .last {overflow: hidden;_overflow:visible;_zoom:1; }
    .last {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

    .fr { float:right; }


/* BOXES */

    .content_container {
        padding:10px 10px 10px 10px;
        border:1px solid #e6e6e6;
        background-color:#fff;
        position:relative;
        width: 900px;
        border-radius: 4px;
    }

    .content_container.wide {
        width:1160px;
    }

    .content_container li.corner { display:none; }
    
    .content_container_tight {
        padding:0px 0px 0px 0px;
        border:1px solid #e6e6e6;
        background-color:#fff;
        position:relative;
        max-width: 900px;
        border-radius: 4px;
    }
    .content_container_tight li.corner { display:none; }    

    .pbox { margin: 6px .3%; }
    .box_inner { padding: 1px 2px 5px; }

    .fbox {
        background: #fff;
        border: 1px solid #e3e3e3;
        padding: 0;
        position: relative;
        margin: 6px .3%;
        border-radius: 3px;
    }

    .fbox a { color: #6a91c7; text-decoration: none; }
    .fbox table { width: 100%; }

    .white-round-box {
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
    }

    .round { border-radius: 5px; }
    .round2 { border-radius: 8px; }
    .roundOffRight { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; }
    .roundOffLeft { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; }

    .rounded_grey_border {
        border:2px solid #d6d6d6;
        border-radius:4px;
    }

    .rounded_blue_border_blue_bg {
        border:2px solid #d6d6d6;
        border-radius:4px;
        background-color:#e3f1f9;
        color: #737373;
    }

    .rounded_blue_border_white_bg {
        border:2px solid #d6d6d6;
        border-radius:4px;
        background-color:#fff;
    }

    /* popup box */
    .pop {
        position: absolute;
        z-index: 9;
        -moz-box-shadow: 3px 3px 4px #999;
        -webkit-box-shadow: 3px 3px 4px #999;
        box-shadow: 3px 3px 4px #999;

    }

/* === padding === */
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.padded { padding: 10px; }
.padded-v {padding: 10px 0; }
.padded-h {padding: 0 10px;}
.no-top-margin { margin-top: 0; }

div.content_left.no-padding { padding: 0; }


/* Colors & text */

.lightBlueText { color:#6a91c7; }
.navyText { color:#1f233b; }
.greyText { color:#666; }
.lightGreyText { color:#ccc; }
.grybk { background-color: #f2f2f2; }
.gry2bk { background-color: #e3e3e3; }
.blubk { background-color: #F3F8FC; }
.ltblubk { background-color:#eef5fb;}
.blu { color: #6a91c7; }
.gre { color: #A3CD34; }
.greenText { color: #AED000; }
.upper { text-transform: uppercase; }
.error { color:#862424; text-transform: uppercase;font-weight:bold; font-size:11px; }
.bold { font-weight: bold; }
.dim { color: #888; }
.label { font-weight: bold; color: #6a91c7; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }

a.active { color: #364355; text-decoration: none; }

.helvetica { font-family: Helvetica, Arial, sans-serif; }
.arial { font-family: Arial, Helvetica, sans-serif; }

.u10 { font-size: 110%; }
.u20 { font-size: 120%; }
.big { font-size: 3em; font-weight: bold; }

.legend table{ width: 10%; }
.legendLabel { color: #666; font: 12px/14px Arial; }

.p8 { font-size:8px; }
.p9 { font-size:9px; }
.p10 { font-size:10px; }
.p11 { font-size:11px; }
.p12 { font-size:12px; }
.p13 { font-size:13px; }
.p14 { font-size:14px; }
.p15 { font-size:15px; }

h1 {
	height: 25px;
	padding-top:3px;
	font: bold 12px/28px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 15px;
	text-transform: uppercase;
	color: #030924;
}

h2 {
    text-transform: uppercase;
    text-indent: 5px;
	font: bold 18px/28px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
    text-transform: uppercase;
	font: bold 16px/24px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-top: 10px;
}

h4 {
	color: #273c61;
	margin: 10px 0 5px 0;
	padding: 0px;
	letter-spacing: -.09em;
	font-size: 11pt;
	text-transform: uppercase;
	font-weight: bold;
}

h5 {
	color: #273c61;
	margin: 10px 0;
	padding: 0px;
	letter-spacing: -.09em;
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: bold;
}

h6 {
	color: #030924;
	padding: 0px;
	font: 18px/18px 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", Lucida, sans-serif;	
    font-weight: bold;
    text-indent:4px;
}

.subheading {
	font: bold 12px/18px Arial;
    color: #666;
}

/* FORM layout */


    .fform {
        padding:0 20px;
        font: 11px/11px 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", Lucida, sans-serif;
    }

    .fform.padding-h {
        padding: 0 60px;
    }

    .fform h4{
        color: #487db4;
        text-shadow:0px .5px rgba( 255, 255, 255, 1);
        font: bold 12pt/12pt 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", Lucida, sans-serif;	
        text-transform: none;
        margin: 10px 0 0 0;
    }

    .fform .subheading {
      font: 12px/16px Arial,sans-serif;
    }

    .fform .hr {
        height:2px;
        background: url("/images/hr_blue_white_repeat.png") repeat-x 0 0 transparent;
        margin: 10px 0;
    }

    .fform legend {
      font: bold 12px/14px 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", Lucida, sans-serif;
      text-shadow:0px .5px rgba( 255, 255, 255, 1);
      color: #030924;
      padding:0;
    }

    .fform label {
      font: bold 12px/14px Arial,sans-serif;
      color: #030924;
      padding:0;
    }

    .fform .sublabel { color: #030924; }
    .fform .subtext {color: #487DB4; }

    .fform .disabled .sublabel { color: #737373; }
    .fform .disabled .subtext {color: #737373; }


    .fform .error {
      line-height: 24px;
      text-shadow:0px .5px rgba( 255, 255, 255, 1);
    }

    .fform .selectMulti { }

    .fform .inlineLabel {
      font: bold 9px/24px Arial,sans-serif;
      color: #666;
      text-transform: uppercase;
    }

    .fform .helper {
      font: 11px/16px Arial,sans-serif;
      text-shadow:0px .5px rgba( 255, 255, 255, 1);
    }

    .fform .helper2 {
      font: 10px/12px Arial,sans-serif;
      width: 340px;
      margin-top:3px;
    }

    .fform .selectMulti {
      font: 12px/18px Arial,sans-serif;
      color: #6a91c7;
      border: 2px solid #cacaca;
      padding: 3px 2px;
    }
    .fform .selectMulti option {
        padding: 2px 0 2px 5px;
    }

    .fform .selectMulti option[selected] {
        background-color: #88d371
    }

    .fform input,
    .fform textarea {
      font: bold 12px/18px Arial,sans-serif;
      color: #6a91c7;
      border: 2px solid #cacaca;
      padding: 3px 2px;
      margin-right:10px;
    }

    .fform .disabled input,
    .fform .disabled textarea {
        color: #737373;
    }

    .fform textarea {
      width: 310px;
      height: 70px;
    }

    .textPreview {
        padding: 3px;
        background: #d3e0e8;
        border: 2px solid white;
        border-radius: 3px;
        width: 310px;
        height: 70px;
        color:#000;
    }

    .fform input[type=radio], .fform input[type=checkbox] {
        border:none;
    }

    .fform input.disabled,
    .fform textarea.disabled {
      font: bold 12px/24px Arial,sans-serif;
      color: #666;
      background-color: #f4f4f4;
      border: 2px solid #e3e3e3;
    }

    .swfupload, .progressContainer {
        background-color: #D6E6EF;
        color: #6A91C7;
        font: bold 12px/18px Arial,sans-serif;
    }

    .fileName { margin: 2px 5px; }
    .fileRemove, .fileCancel {
        float:right;
        display:none;
        font: bold 10px/18px Arial,sans-serif;
    }
    .progressDisplay {
        height:2px;
        width: 0px;
        background-color: #6A91C7;
    }
    .progressDisplay.done { background-color:#AED000; }


    .inputViewer { /* for a textfield preview */
      font: bold 12px/24px Arial,sans-serif;
      color: #666;
      text-indent: 5px;
      background-color: #f4f4f4;
      border: 2px solid #e3e3e3;
    }


/* == left progress nav used in forms === */
    .nav_progress_nav {
        position:relative;
        width:98%;
    }

    .size_nav_progress_nav {
        width:185px;
    }

    .nav_progress_nav a {
        display:block;
        height:40px; 
        clear:left;
        position:relative;
        text-decoration:none; 
        border-bottom:1px solid #d2d2d2;
        font-weight:bold;
    }

    .nav_progress_nav a.nav_progress_active {
        background:#e0eff8 url('/images/nav_progress_right_arrow.png') no-repeat 160px 15px;
        text-shadow: 0px .5px rgba(255,255,255,0.8);
    }

    .nav_progress_nav a.nav_progress_link_last {
        border-bottom:0;
    }

    .nav_progress_number_box {
        height:20px; 
        width:20px; 
        text-align:center;
        line-height:20px;
        margin:10px 8px; 
        background-color:#ccc; 
        color:#fff; 
        font-weight:bold; 
        float:left;
        font-size:11px;
        text-shadow: 0px .5px rgba(255,255,255,0.8);
    }

    .nav_progress_active .nav_progress_number_box {
        background-color:#b2d409;
    }

    .nav_progress_text {
        position:absolute;
        left:40px; 
        line-height:40px;
        color:#666;
    }
    .nav_progress_header {
        position:absolute;
        left:40px; 
        line-height:40px;
        color:#021b3b;
    }
    .nav_progress_text.unordered {
        left:10px; 
    }

    .nav_progress_active .nav_progress_text {
        color:#021b3b;
    }


/* @end */

/* @group Table */
    /* used in older views, its on its way out */
    table.treg th,
    table.treg td.label,
    div.content_box table th,
    div.content_box table td.label {
        background-color: #fff;
        color: #888;
        text-transform: uppercase;
        line-height: 19px;
        padding-left:6px;
    }

    div.content_box table td.label {
        background-color: #f2f2f2;
        width: 200px;
        white-space: nowrap;
        font-size: 10px;
        padding-right: 10px;
    }

    .treg .key,
    .treg tbody tr:first-child td,
    div.content_box table td.key {
        background-color: #f4f8fc;
        color: #21273f;
        padding-left: 4px;
    }

    table.treg td,
    div.content_box table td {
        background-color: #f2f2f2;
        color: #6a91c7;
        line-height: 20px;
        border-bottom: 1px solid #fff;
        padding-left: 8px;
        font-size: 12px;
    }

    table.treg td { padding-right: 8px; overflow: hidden; }


/* BUTTONS!*/
/* A lot of these are not even being used any more */

    .button {
        background: transparent url(../../images/btn_inactv_lt.png) no-repeat left top;
        display: block;
        height: 24px;
        float: left;
        margin: 0px 3px;
        text-decoration: none;
        color: #b3cfe8;
    }

    .button span {
        display: block;
        float: left;
        height: 24px;
        text-align: center;
        font: 11px/24px Arial, Helvetica, Geneva, sans-serif;
        text-transform: uppercase;
        padding: 0px 23px;
        text-decoration: none;
    }

    a:hover.button {
        color: #fff;
        cursor: pointer;
    }

    .button b {
        /* this is legacy from tom's old cancel button, has to hide the "or" */
        display: none;
    }


    .button.bactv span {
        background: transparent url(../../images/btn_dark_rt.png) no-repeat right top;
    }

    .button.bactv {
        background: transparent url(../../images/btn_dark_lt.png) no-repeat left top;
        color: #fff;
    }

    a:hover.button.bactv {
        color: #bacfe8;
    }

    .button.green span {
        background: transparent url(../../images/btn_create_green_rt.png) no-repeat right top;
        height:43px;
        font: 14px/43px Arial, Helvetica, Geneva, sans-serif;
    }

    .button.green {
        height: 43px;
        background: transparent url(../../images/btn_create_green_lt.png) no-repeat left top;
        color: #fff;
    }

    a:hover.button.green {
        color: #eee;
    }

    .button.big.green span {
        height:31px;
        background: transparent url(../../images/big_btn_green_lt.png) no-repeat left top;
        font: 15px/31px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 23px 0 28px;
    }

    .button.big.green  {
        height: 31px;
        background: transparent url(../../images/big_btn_green_rt.png) no-repeat right top;
        color: #fff;
        padding-right: 6px;
    }

    a:hover.button.big.green {
        color: #eee;
    }

    .button.big.gray span {
        height:31px;
        background: transparent url(../../images/big_btn_gray_lt.png) no-repeat left top;
        font: 15px/31px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 23px 0 28px;
    }

    .button.big.gray  {
        height: 31px;
        background: transparent url(../../images/big_btn_gray_rt.png) no-repeat right top;
        color: #fff;
        padding-right: 6px;
    }


    .button.tab span {
        height:31px;
        background: transparent url(../../images/big_tab_inactive_lt.png) no-repeat left top;
        font: bold 15px/31px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 23px 0 28px;
    }

    .button.tab {
        height: 31px;
        background: transparent url(../../images/big_tab_inactive_rt.png) no-repeat right top;
        color: #000;
        padding-right: 6px;
    }

    .button.tab.active span {
        height:31px;
        background: transparent url(../../images/big_tab_active_lt.png) no-repeat left top;
        font: bold 15px/31px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 23px 0 28px;
    }

    .button.tab.active {
        height: 31px;
        background: transparent url(../../images/big_tab_active_rt.png) no-repeat right top;
        color: #6A91C7;
        padding-right: 6px;
    }
    a:hover.button.tab span { color: #6A91C7; }


    a:hover.button.big.gray {
        color: #eee;
    }

    .button.big.selected span {
        height:31px;
        font: 15px/31px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 23px 0 28px;
    }
    .button.big.selected {
        height: 31px;
        background-color: white;
        color: #fff;
        padding-right: 6px;
    }

    .button.small.green span {
        background: transparent url(../../images/sml_btn_green_lt.png) no-repeat left top;
        padding: 0 3px 0 8px;
        height:19px;
        font: 10px/19px Arial, Helvetica, Geneva, sans-serif;
    }

    .button.small.green  {
        background: transparent url(../../images/sml_btn_green_rt.png) no-repeat right top;
        padding: 0 5px 0 0;
        height: 19px;
        color: #fff;
    }

    a:hover.button.small.green {
        color: #eee;
    }

    .button-label {
        float:left;
        height: 19px;
        font: 11px/19px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 10px;
    }

    .button.small.action {
        height: 19px;
        background: transparent url(../../images/sml_btn_ltgray_lt.png) no-repeat left top;
    }
    .button.small.action span {
        background: transparent url(../../images/sml_btn_ltgray_rt.png) no-repeat right top;
        height:19px;
        padding: 0 10px;
        color: #6a91c7;
        font-weight: normal;
        font-size:.9em;
    }
    a:hover.button.small.action span {
        color: #A3CD34; 
    }


    .button.small.action span span{
        padding: 0;
        background: none;
    }
    .button.small.action span span.actionName {
        color: #6a91c7; 
        font: bold 10px/19px Arial, Helvetica, Geneva, sans-serif;
        background: none;
    }
    .button.small.action span span.actionIcon {
        font: bold 15px/19px Arial, Helvetica, Geneva, sans-serif;
        padding-right: 5px;
        color: #666;
        background: none;
    }

    .button.small.action.active {
        height: 19px;
        background: transparent;
    }
    .button.small.action.active span {
        background: transparent;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        height:19px;
        padding: 0 10px;
        background-color:#6a91c7; 
        color: white;
        font-weight: bold;
    }
    a:hover.button.small.action.active span {
        color: white; 
    }


    a:hover.button.small.green {
        color: #eee;
    }

    .button.smallblue {
        background-image: url(../../images/sml_blue_btn_left.png);
        background-position: left top;
        height: 21px;
        color:#fff;
        font-size:10px;
    }

    .button.smallblue:hover {
        color:#b9cee9;
    }

    .button.smallblue span {
        height: 21px;
        line-height: 21px;
        font-size:9px;
        font-weight:bold;
        background-image: url(../../images/sml_blue_btn_rt.png);
        background-position: right top;
        background-repeat:no-repeat;
    }

    .button.smallblue span input {
        height: 21px;
        line-height: 21px;
        font-size:9px;
        font-weight:bold;
        background: transparent;
        border: none;
        color:#fff;
        cursor: pointer;
    }

    .button.smallmedgray {
        background-image: url(../../images/sml_btn_medgray_lt.png);
        background-position: left top;
        height: 21px;
        color:#fff;
        font-size:10px;
    }

    .button.smallmedgray:hover {
        color:#909090;
    }

    .button.smallmedgray span {
        height: 21px;
        line-height: 21px;
        font-size:9px;
        font-weight:bold;
        background-image: url(../../images/sml_btn_medgray_rt.png);
        background-position: right top;
        background-repeat:no-repeat;
    }


    .button-label {
        float:left;
        height: 19px;
        font: 11px/19px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 10px;
    }

    .button.cancel {
        background: transparent url(../../images/btn_light_lt.png) no-repeat left top;
        color: #777474;
    }

    .button.cancel span {
        background: transparent url(../../images/btn_light_rt.png) no-repeat right top;
    }

    a:hover.button.cancel {
        color: #aaa5a5;
        cursor: pointer;
    }

    .button.cancel2 {
        background: transparent url(../../images/sml_btn_grey_lt.png) no-repeat left top;
        color: #fff;
        height:19px;
    }

    .button.cancel2 span {
        background: transparent url(../../images/sml_btn_grey_rt.png) no-repeat right top;
        height:19px;
        font: 11px/19px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 20px;
    }

    a:hover.button.cancel2 {
        color: #aaa5a5;
        cursor: pointer;
    }

    .button.cancel3 {
        background: transparent url(../../images/sml_btn_grey_lt.png) no-repeat left top;
        color: #fff;
        height:19px;
    }

    .button.cancel3 span {
        background: transparent url(../../images/sml_btn_grey_rt.png) no-repeat right top;
        height:19px;
        font: 11px/19px Arial, Helvetica, Geneva, sans-serif;
        padding: 0 20px;
    }

    a:hover.button.cancel3 {
        color: #aaa5a5;
        cursor: pointer;
    }

    .button.small {
        background-image: url(../../images/btn_small_lt.png);
        background-position: left top;
        height: 21px;
    }

    .button.small span {
        height: 21px;
        line-height: 21px;
    }

    .button.small span {
        background-image: url(../../images/btn_small_rt.png);
        background-position: right top;
        background-repeat:no-repeat;
    }

    .button.small.cancel {
        height: 21px;
        background-position: left bottom;
    }

    .button.small.cancel span {
        height: 21px;
        background-position: right bottom;
    }

    :hover.button.small.cancel span{
        cursor: pointer;	
    }

    div.action_buttons {
        position: absolute;
        left:0;
        width:943px;
        top:170px;
    }

    div.action_buttons a {
        float: right;
    }

    .green_button, .green_button:hover {
        background: transparent url(../../images/green_btn_left.png) no-repeat left top;
        display: block;
        height: 31px;
        float: left;
        margin: 0px 3px;
        text-decoration: none;
        color: #fff;
    }

    .green_button:hover { color:#e0ebbb;}

    .green_button span {
        display: block;
        float: left;
        height: 31px;
        background: transparent url(../../images/green_btn_rt.png) no-repeat right top;
        text-align: center;
        font: 14px/34px Helvetica, Arial, Geneva, sans-serif;
        font-weight:bold;
        text-transform: uppercase;
        padding: 0px 23px;
        text-decoration: none;
    }

    .grey_button, .grey_button:hover {
        background: transparent url(../../images/grey_btn_left.png) no-repeat left top;
        display: block;
        height: 31px;
        float: left;
        margin: 0px 3px;
        text-decoration: none;
        color: #fff;
    }

    .grey_button:hover { color:#808080; }

    .grey_button span {
        display: block;
        float: left;
        height: 31px;
        background: transparent url(../../images/grey_btn_rt.png) no-repeat right top;
        text-align: center;
        font: 14px/34px Helvetica, Arial, Geneva, sans-serif;
        font-weight:bold;
        text-transform: uppercase;
        padding: 0px 23px;
        text-decoration: none;
    }

    div.new_content_left div.content_container div.action_buttons {
        padding:8px 5px;
        background:#ebebeb;
    }

    /* @end  Buttons */



/* @group Stats */

    td.stats {
        text-align: right;
    }
    tr.stat_total {
        background-color: #0069a7 !important;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
    }

    span.stat_number {
        font-weight: bold;
        font-size: 16px;
    }

    .bigstats label {
       color: #030924;
       text-transform: uppercase;
       display: block;
       font-weight: bold;
        font-size:11px;
    }

    .bigstats td {
        padding: 5px 5px 5px 0px !important;
    }

    .bigstats td:first-child {
        padding:5px !important;
    }

    .bigstats .padded {
        padding: 5px 10% 10px 10%;
        height: 80%;
        line-height:normal;
    }

    .tar {
        text-align: right;
    }

    .tickLabel {
     color: #aaa;
    }

    /* @end STATS */




/* TICKETS section styles */

    .ticket_header h6 {
        position: static;
        height:0;
        line-height:12px;
    }

    li.cc_corner {
        background: transparent url(../../images/rt_corners.png) no-repeat;
        width: 4px;
        height: 3px;
        list-style: none;
        position: absolute;
        z-index: 999;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    li.cc_corner.top_lt {
        background-position: left top;
        top: -1px;
        left: -1px;
    }

    li.cc_corner.top_rt {
        background-position: right top;
        top: -1px;
        right: -1px;
    }

    li.cc_corner.bot_lt {
        background-position: left bottom;
        bottom: -1px;
        left: -1px;
        height: 4px;
    }

    li.cc_corner.bot_rt {
        background-position: right bottom;
        bottom: -1px;
        right: -1px;
        height: 4px;
    }

    .form_lt_blue {
        background: #F4F8FC;
        border: 2px solid #dee6ed;
        padding: 15px;
        position: relative;
    }

    .form_lt_blue label { 
        display:block;
        font-weight:bold;
        color:#030924;
        padding:3px;
        font-size:12px;
    }

    .form_lt_blue .checkboxgroup label {
        display:inline;
    }

    .form_lt_blue .checkboxgroup li.head label {
        text-transform:uppercase;
    }

    .form_lt_blue textarea {
        border: 2px solid rgb(204, 204, 204); height: 100px; width: 100%; font-family: Helvetica,Arial,sans-serif; color: rgb(3, 9, 36); font-size: 13px;
    }

    .form_lt_blue div.corner {
        background: #fff url(../../images/ltblue_corners_thick.png) no-repeat;
        list-style: none;
        position: absolute;
        z-index: 999;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
        height: 3px;
        width: 3px;
    }

    .form_lt_blue div.corner.top_lt {
        background-position: left top;
        top: -2px;
        left: -2px;
    }

    .form_lt_blue div.corner.top_rt {
        background-position: right top;
        top: -2px;
        right: -2px;
    }

    .form_lt_blue div.corner.bot_lt {
        background-position: left bottom;
        bottom: -2px;
        left: -2px;
    }

    .form_lt_blue div.corner.bot_rt {
        background-position: right bottom;
        bottom: -2px;
        right: -2px;
    }
    /* END Tickets */

/*kyle widgets*/

.inTableToggle {
	float:left;
	margin-left:8px;
	margin-top:3px;}

.expDrop {
	background-color:#FFF;
	float:left;
	border:1px solid #c2c2c2;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	font-size:8px;
	font-weight:bold;
	color:#808080;
	width:70px;
	text-transform:uppercase;
	padding:3px;
	position:relative;}
	
	.expDrop:hover .dropMenu {
		display:block;}
	
	.expDrop .dropMenu {
		display:none;
		position:absolute;
		top:18px;
		left:0px;
		width:60px;
		background-color:#FFF;
		border:1px solid #c2c2c2;}
		
		.expDrop .dropMenu .dropRow {
			width:100%;
			padding:4px 0px;
			text-align:center;
			border-bottom:1px solid #c2c2c2;}
	
		.expDrop .dropMenu .dropRow:hover {
			background-color:#f0f0f0;
			cursor:pointer;}
	
	.expDrop .lblLeft {
		min-width:50px;
		float:left;}
		
	.expDrop .actionRight {
		width:16px;
		float:right;
		padding-left:2px;
		border-left:1px solid #cacaca;
		text-align:right;}

.whtPlainDrop {
	width:160px;
	padding:5px 10px;
	font-size:14px;
	color:#030924;
	float:left;
	border:1px solid #FFF;
	position:relative;}
	
	.bluBox .whtPlainDrop {
		border: 1px solid #e8f3fa !important;}
		
		.blueBOx .whtPlainDrop:hover {
			border: none !important;}
	
	.whtPlainDrop:hover {
		cursor:pointer;
		border:1px solid #cccaca;}
	
	.whtPlainDrop .dropMenu {
		position:absolute;
		display:none;
		left:-1px;
		top:28px;
		width:140px;
		border:1px solid #cccaca;
		border-top:none;
		border-bottom:none;
		z-index:999;
		background-color:#FFF;}
		
		.whtPlainDrop .dropMenu .dRow {
			padding:5px 10px;
			font-size:12px;
			text-transform: none;
			color:#6a91c6;
			text-transform: uppercase;
			font-weight:400;
			border-bottom:1px solid #cccaca;}
		
		.whtPlainDrop .dropMenu .dRow:hover {
			cursor:pointer;
			text-shadow:0px 1px 1px rgba( 255, 255, 255, 1);
			background-color:#f2f3f5;}


        .whtPlainDrop .left {
            float:left;
            display:inline;}
        
        .whtPlainDrop .right {
            float:right;
            display:inline;}
        
        .whtPlainDrop .clear {
            clear:both;}

/*kyle sprites*/

.boxToggle {
	width:17px;
	height:12px;
	cursor:pointer;
	overflow:hidden;}
	
	
	.boxToggle .sSprite {
		width:17px;
		height:12px;
		background:url('../../images/sprites/sprite-boxToggle.png') no-repeat;}
	
	.boxToggle .offPos {background-position:0px 0px;}
	.boxToggle .offPos:hover {background-position:0px -13px;}
	
	.boxToggle .onPos {background-position:0px -26px;}
	.boxToggle .onPos:hover {background-position:0px -38px;}


/*kyle layout*/

div.filterBar {
	width:100%;
	height:62px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../../images/bg-tile-filterbar.png') repeat-x;}

	.filterBar .filterDrop {
		float:left;
		margin-left:18px;
		margin-top:15px;
		padding:5px;
		width:385px;
		border:2px solid #505a71;
		-webkit-box-shadow:0px 0px 5px rgba( 0, 0, 0, 1);
		-moz-box-shadow:0px 0px 5px rgba( 0, 0, 0, 1);
		box-shadow:0px 0px 5px rgba( 0, 0, 0, 1);
		background: #444e62;
		background: -moz-linear-gradient(top,  #444e62 0%, #363e4e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444e62), color-stop(100%,#363e4e));
		background: -webkit-linear-gradient(top,  #444e62 0%,#363e4e 100%);
		background: -o-linear-gradient(top,  #444e62 0%,#363e4e 100%);
		background: -ms-linear-gradient(top,  #444e62 0%,#363e4e 100%);
		background: linear-gradient(top,  #444e62 0%,#363e4e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444e62', endColorstr='#363e4e',GradientType=0 );}
	
	.filterBar .filterWrap {
		width:365px;
		margin:0 auto;
		padding:2px 0px;}
		
		.filterBar .filterWrap .filterLabel {
			width:345px;
			text-transform:uppercase;
			float:left;
			border-right:1px solid #343c4d;
			text-shadow:-1px -1px 1px rgba( 0, 0, 0, 1);}
		
		.filterBar .filterWrap .filterArrow {
			width:17px;
			float:right;
			border-left:1px solid #5a6371;
			text-align:right;}
			
		.filterBar .runReport {
			float:left;
			margin-top:19px;
			margin-left:18px;}

div.tableHdrWrap {
	position:relative;
	width:100%;
	min-width:1024px;
	padding-bottom:5px;}
		
	.tableHdrWrap .hdrLbl {
		padding-top:2px;}
		
	.tableHdrWrap .left {
		float:left;
		display:inline;}
	
	.tableHdrWrap .right {
		float:right;
		display:inline;}
	
	.tableHdrWrap .clear {
		clear:both;}
	
	.tableHdrWrap .accrdn {
		height:90px;
		overflow:hidden;}
	
	.tableHdrWrap .topBox {
		width:45%;
		float:left;
		padding:6px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
		text-transform:uppercase;
		position:relative;}			
	
	.tableHdrWrap .rightBox {
		margin-left:15px;}
	
		.tableHdrWrap .topBox .boxToggle {
			position:absolute;
			top:10px;
			right:10px;}
	
		.tableHdrWrap .topBox .boxHdr {
			padding-left:20px;
			font-size:14px;
			font-weight:bold;
			color:#030924;}
		 
		 
		 	.tableHdrWrap .topBox .boxHdr .inHdr {
				padding:4px 5px;}
	
	.tableHdrWrap .bluBox {
		background-color:#e8f3fa;
		border:2px solid #bcd6e7;}
		
	.tableHdrWrap .ltBox {
		background-color:#FFF;
		border:2px solid #d1d1d1;}
	
	.tableHdrWrap .statRow {
		padding:25px 0px 15px 0px;}
		
		.tableHdrWrap .statRow .statCell {
			width:30%;
			float:left;
			font-size:12px;
			color:#9a9a9a;}
		
		.tableHdrWrap .statRow .statContent {
			padding-left:25px;
			line-height:20px;}
			
			.tableHdrWrap .statRow .statContent .lbl {
				font-size:30px;
				font-weight:bold;
				padding:0px 0px 5px 0px;}
				
			.tableHdrWrap .bluBox .statRow .lbl {
				text-shadow:0px 1px 1px rgba( 255, 255, 255, 1);}
			
			.tableHdrWrap .statRow .statContent .greyLbl {color:#545a5f;}
			.tableHdrWrap .statRow .statContent .bluLbl {color:#4db4ee;}
			.tableHdrWrap .statRow .statContent .greenLbl {color:#7dc906;}
			.tableHdrWrap .statRow .statContent .redLbl {color:#ee4e4e;}
			
			
		.tableHdrWrap .statRow .earlyCell {
			border-right:1px solid #dbdbdb;}
			
	
/*kylenew*/




/* Breadcrumbs (I don't know why its called pill) */
    .pill { background-image:url('../../images/pill_rpt.png'); background-position: top right; background-repeat:repeat-x; display:block; float:left; height: 26px; color:#6a91c7; text-transform:uppercase; font-size:11px; line-height:26px; font-weight:bold; }
    .pill_mid { background-image:url('../../images/pill_rpt.png'); background-position: top right; background-repeat:repeat-x; display:block; float:left; height: 26px; color:#6a91c7; text-transform:uppercase; font-size:11px; line-height:26px; font-weight:bold; }
    .pill_subsection { font-size:11px; text-transform:uppercase; line-height:26px; font-weight:bold; color:#1f233b; float:left; height:26px; padding-left:5px; background-image:url('../../images/pill_sbs_rpt.png'); background-position: top right; background-repeat:repeat-x; }
    .pill a, .pill a:visited, .pill_mid a, .pill_mid a:visited { text-decoration:none; color:#6a91c7; }


/* date filter */
    .datefilter { width: 600px; line-height:20px; }
    .datefilter #select_start, .datefilter #select_end, .datefilter .select_start, .datefilter .select_end { background-color:#fff; border:1px solid #ccc; padding:4px 6px; margin-left:3px;}
    .datefilter #select_start, .datefilter .select_start { margin-right:10px; }
    .datefilter .pbox { margin:8px 9px; }


/* switch */
    .switch { height:26px; cursor:pointer; }
    .switchOn, .switchOff { display:none; }
    .switchOff.active, .switchOn.active { display: block; }
    .switchContent { background-image:url('../../images/switch_rpt.png');  width: 9px; background-position: top right; background-repeat:repeat-x; display:block; float:left; height: 26px; color:#6a91c7; text-transform:uppercase; font-size:11px; line-height:26px; font-weight:bold; }
    .switchContent.under { background-image:url('../../images/switch_rpt_o.png'); min-width: 24px; text-align: center; }
    .switchOff .switchContent { color:#999;}


/* smscampaigns weekday selector */
    .daysOfWeek {
        background-color:white;
        border: 1px solid #D2D2D2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .wk_day { padding: 5px 0px 5px 5px; }
    .wk_day.wk_sat { padding-right: 5px; }

    .wk_day_inner {
        cursor:pointer;
        border: 1px solid #D5E3F1;
        background: none repeat scroll 0 0 #EBF2F8;
        text-align: center;
        color: #6A91C7;
        font-weight:bold;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        padding: 10px;
    }

    .wk_day_inner.selected {
        border: 1px solid #B2D409;
        background: none repeat scroll 0 0 #F5F8E4;
        color: #B2D409;
    }

    .wk_day_inner.focus {
        border-bottom: none;
        background: none repeat scroll 0 0 #FFF;
        color: #212121;
    }

    .wk_day_inner.focus.selected,
    .wk_day_inner.selected.focus
    {
        color: #B2D409;
        border-bottom: none;
        border-top: 1px solid #B2D409;
        border-left: 1px solid #B2D409;
        border-right: 1px solid #B2D409;
        background: none repeat scroll 0 0 #FFF;
    }

    .wk_day_nm {font-size:14px;}
    .wk_day_time {}

    .wk_time_area {
        padding:20px;
    }


/* Jim 2012 new ui */
/* 2012 more buttons :)*/

    .textbutton {
        text-align: center;
        overflow: hidden;_overflow:visible;_zoom:1;
        font-family: "Helvetica Neue","Helvetica", Arial;
        font-weight: bold;
        line-height: 23px;
        font-size: 10px;
        color: #fff; 
        text-shadow: 0px -1px rgba(0,0,0,0.2);
        text-decoration: none;
        cursor:pointer;
    }

    .textbutton .tb-mid {
        background: url("/images/buttons_repeat.png") repeat-x left top transparent;
        float: left;_zoom:1;
        padding:0 10px;
        height:23px;
    }

    .textbutton:hover {
        icon:pointer;
        color: rgba(0,0,0,0.4);
        text-shadow: 0px 1px rgba(250,250,250,0.4);
    }


    .textbutton .tb-left{
        background: url("/images/buttons_left.png") no-repeat left top transparent;
        width:3px;
        height:23px;
        float: left;_zoom:1;
    }

    .textbutton .tb-right{
        background: url("/images/buttons_right.png") no-repeat left top transparent;
        width:2px;
        height:23px;
        height:23px;
        float: left;_zoom:1;
    }

    /*textButton greenWithIcon*/
    .textbutton.greenWithIcon { }
    .textbutton.greenWithIcon:hover {
        /* #607129 dark green*/
        color: rgba(96,113,41,1); 
    }
    .textbutton.greenWithIcon .tb-left { background-position: 0 -46px; }
    .textbutton.greenWithIcon .tb-mid { background-position: 0 -46px; }
    .textbutton.greenWithIcon .tb-iconPlus{ 
        background: url("/images/buttons_icons.png") no-repeat left top transparent;
        height:23px;
        width:27px;
        float: left;_zoom:1;
    }

    .textbutton.greenWithIcon .tb-iconPlay { 
        background: url("/images/buttons_icons.png") no-repeat 0 -92px transparent;
        height:23px;
        width:27px;
        float: left;_zoom:1;
    }

    .textbutton.greenWithIcon .tb-right{ background-position: 0 -46px; }

    /*textButton blueWithIcon*/
    .textbutton.blueWithIcon:hover {
        /* #213864 dark blue*/
        color: rgba(33,56,100,1); 
    }
    .textbutton.blueWithIcon .tb-left { background-position: 0 0; }
    .textbutton.blueWithIcon .tb-mid { background-position: 0 0; }
    .textbutton.blueWithIcon .tb-iconDoc{ 
        background: url("/images/buttons_icons.png") no-repeat 0 -46px transparent;
        height:23px;
        width:27px;
        float: left;_zoom:1;
    }
    .textbutton.blueWithIcon .tb-right{ background-position: 0 0; }


    .textbutton.blueWithIcon .tb-left { background-position: 0 0; }
    .textbutton.blueWithIcon .tb-mid { background-position: 0 0; }
    .textbutton.blueWithIcon .tb-iconDoc{ 
        background: url("/images/buttons_icons.png") no-repeat 0 -46px transparent;
        height:23px;
        width:27px;
        float: left;_zoom:1;
    }
    .textbutton.blueWithIcon .tb-right{ background-position: 0 0; }


    /*textButton submit*/

    .textbutton.tb-submit:hover  {
        /* #607129 dark green*/
        color: rgba(96,113,41,1); 
    }

    .textbutton.tb-submit {
        height:31px;
        line-height: 31px;
        font-size: 14px;
    }
    .textbutton.tb-submit .tb-left { background-position: 0 -92px; height:31px; }
    .textbutton.tb-submit .tb-mid { background-position: 0 -92px; height:31px;
        padding: 0 20px; 
        min-width:60px;
    }
    .textbutton.tb-submit .tb-right{ background-position: 0 -92px; height:31px; }


    /*textButton finish*/

    .textbutton.tb-finish {
        height:31px;
        line-height: 31px;
        font-size: 14px;
    }
    .textbutton.tb-finish .tb-left { background-position: 0 -92px; height:31px; }
    .textbutton.tb-finish .tb-mid { background-position: 0 -92px; height:31px;
        padding: 0 20px; 
    }

    .textbutton.tb-finish .tb-right{ 
        background: url("/images/buttons_icons_down_arrow.png") no-repeat 0 0 transparent;
        height:31px;
        width:32px;
        float: left;_zoom:1;
    }

    .textbutton.tb-finish .tb-right.down { 
        background-position: 0 -31px;
    }


    .textbutton.tb-finish .tb-mid:hover {
        icon:pointer;
        color: rgba(96,113,41,1); 
        text-shadow: 0px 1px rgba(250,250,250,0.4);
    }

    .textbutton.tb-finish:hover {
        icon:pointer;
        /* #607129 dark green*/
        color: rgba(96,113,41,1); 
        text-shadow: 0px -1px rgba(0,0,0,0.2);
    }


    /*textButton prev*/

    .textbutton.tb-prev {
        height:31px;
        line-height: 31px;
        color: #888; 
        font-size: 14px;
        text-shadow: 0px 1px rgba(255,255,255,0.8);
    }
    .textbutton.tb-prev:hover {
        color: #777; 
    }
    .textbutton.tb-prev .tb-left { background-position: 0 -154px; height:31px; }
    .textbutton.tb-prev .tb-mid { background-position: 0 -154px; height:31px;
        padding: 0 20px; 
        min-width:60px;
    }
    .textbutton.tb-prev .tb-right{ background-position: 0 -154px; height:31px; }

    .textbutton.tb-prev:hover .tb-left { background-position: 0 -185px;}
    .textbutton.tb-prev:hover .tb-mid { background-position: 0 -185px; }
    .textbutton.tb-prev:hover .tb-right{ background-position: 0 -185px;}

    /*textButton edit*/

    .textbutton.tb-edit {
        height:19px;
        line-height: 19px;
    }
    .textbutton.tb-edit:hover { 
        color:#213864;
    }

    .textbutton.tb-edit .tb-left { background-position: 0 -263px; }
    .textbutton.tb-edit .tb-mid { background-position: 0 -263px;
        text-align:center;
        min-width: 40px; 
    }
    .textbutton.tb-edit .tb-right{ background-position: 0 -263px; }


    /*textButton delete*/

    .textbutton.tb-delete {
        height:19px;
        line-height: 19px;
    }
    .textbutton.tb-delete .tb-left { background-position: 0 -301px; }
    .textbutton.tb-delete .tb-mid { background-position: 0 -301px;
        text-align:center;
        min-width: 40px; 
    }
    .textbutton.tb-delete .tb-right{ background-position: 0 -301px; }


    /*textButton edit2 (small white one)*/

    .textbutton.tb-edit2 {
        height:17px;
        line-height: 15px;
        font-size:9px;
        color: #487eb5;
    }
    .textbutton.tb-edit2:hover {
        height:17px;
        line-height: 15px;
        font-size:9px;
        color: #666;
    }
    .textbutton.tb-edit2 .tb-left { background-position: 0 -339px; }
    .textbutton.tb-edit2 .tb-mid { background-position: 0 -350px;
        text-align:center;
        background: #fff;
        border-top:1px solid #ccc; 
        border-bottom:1px solid #ccc; 
        min-width: 30px; 
        height:15px;
    }
    .textbutton.tb-edit2 .tb-right{ background-position: 0 -339px; }


    /*textButton list (goes under the finish button)*/
    .tb-list {
        display:none;
        border: 1px solid #cccaca; 
        padding: 5px 7px; 
        position: absolute;
        background-color: white;
    }

    .tb-list .tb-li {
        padding: 5px 7px; 
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .tb-list .tb-li:hover {
        color: #7d9239;
        cursor:pointer;
    }

/* UIS Sprited elements*/

    .uis {
        background: url("/images/ui_elements.png") no-repeat 0 0 transparent;
    }

    /* RADIO LIGHTS */
    .uis.radio-light {
        width: 15px;      
        height: 15px;
        margin: 0px 5px 0px 5px;
        background-position: -145px -18px;
        float: left;
        cursor: pointer;
    }

    .uis.radio-light.on {
        background-position: -145px -4px;
    }


    /* side box toggle */ 
    .uis.sideToggle {
        width: 12px;      
        height: 17px;
        margin: 5px;
        background-position: -53px -106px;
        float: left;
        cursor: pointer;
        }

        .uis.sideToggle:hover { background-position: -53px -123px; }
        .uis.sideToggle.on { background-position: -53px -140px; }
        .uis.sideToggle.on:hover { background-position: -53px -157px; }

    /* Clock */
    .uis.clock{
        width: 35px;      
        height: 35px;
        margin: 5px;
        background-position: -148px -44px;
        float: left;
    }


    /* YES/NO Switch */

    .uis.switch {
        width: 55px;      
        height: 17px;
        margin: 5px;
        background-position: -74px -129px;
        float: left;
        cursor: pointer;
        }

        .uis.switch.on { background-position: -74px -93px; }
        .uis.switch:hover { background-position: -74px -147px; }
        .uis.switch.on:hover { background-position: -74px -111px; }
        .uis.switch.disabled { background-position: -74px -147px; cursor: auto; }
        .uis.switch.disabled.on { background-position: -74px -111px; }

    /* Header w/ blue gradient*/

    .header_blue_gradient {
        background: url("/images/header_blue_gradient_repeat2.png") repeat-x 0 0 transparent;
        height:11px; 
        padding:12px;
        margin: 10px 0;
        border-radius:4px;
        font-size:12px;
        text-shadow: 0px .5px rgba(255,255,255,0.8);
    }


    .header_blue_gradient .di {padding: 0 20px;}
    .header_blue_gradient .dt { color: #737373;padding-right:5px; }
    .header_blue_gradient .dd { color: #030924; padding-left:5px; }
    .header_blue_gradient .odd { font-weight:bold;}

/* optimizer character counter */
.counter_textarea { position:relative; }
.counter {
    position:absolute;
    background-color: #cacaca;
    width:52px;
    padding-left: 4px;
    height:22px;
    line-height:22px;
    color: #030924;
    font-weight:bold;
    top:30px;
    right:42px;
}
.counter_index { color: #fff; }
.counter_index.caution { color: #e97313; }
.counter_index.over { color:#862424; }

/* definition list */
.dtlist li { margin-top:5px; }
.dtlist .defKey{
    width:150px;
}
.dtlist .defValue {
    color: #487DB4;
}

/* display table */
.displayTable td {
    border: 1px solid #cacaca;
    padding: 10px; 
    background-color: #fff;
    font-size:11px;
    color:#030924;
}
.displayTable td:first-child {
    color: #487DB4;
}