/* CSS Document */
body,td,th {
	font-family: Tahoma;
	font-size: 12px;
	color: #7f7f7f;
	margin:0px;
}
body {
	background:url(/images/bottom_big.gif) fixed no-repeat center bottom;
}

#page{ position:relative;
    margin:auto;
    width:1003px;
}

thead {font-weight: bold; text-align: left}
p.disclaimer {font-size: 10px; font-style:italic;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active {  text-decoration: none; }

/* Header */
#header {
    position:relative;
    float:left;
    width:870px;
    background:url(/images/header.gif) no-repeat left;
    height:125px;
    padding-left:133px;
}
.header_box{ position:relative;
    float:left;
    width:758px;
}
.log{ position:relative;
    float:left;
    width:370px;
    padding-top:30px;
}
.login{ position:relative;
    float:left;
    width:388px;
    padding-top:90px;
    margin-left: -40px;
}
.username{ position:relative;
    float:left;
    height:20px;
    line-height:20px;
    color:#9bb7bf;
    font-weight:bold;
    padding-left:5px;
}
.login_form{ width:93px; height:16px; margin:0px; padding:0px;}

/* Menu */
#menu{ position:relative;
        float:left;
        width:870px;
        height:31px;
        background:url(/images/menu_bg.gif) repeat-x left;
        padding-left:133px;
}
#menu ul{ position:relative; width:785px; float:left; list-style:none; margin:0px; padding:0px;}
#menu ul li{ position:relative;
            float:left;
            padding:8px 10px 0px 0px;
            text-align:center;
            font-weight: bold;
}
#menu ul li a { color: #fff }
#menu ul li a:link{ color: #fff }
#menu ul li a:visited{ color: #fff }

.icon-admin { background:none  no-repeat left; padding-left: 20px; }
.icon-desktop {  background:none no-repeat left; padding-left: 20px; }
.icon-myaccount { background:none no-repeat left; padding-left: 20px; }
.icon-solutions {  padding-left: 20px; }
.icon-information { padding-left: 20px; }
.icon-refresh { padding-left: 20px; }
.icon-register { padding-left: 20px; }
.icon-login { background: url(/assets/images/icons/lock.gif)  no-repeat left; padding-left: 20px; }
.icon-logout { background: url(/assets/images/icons/lock-open.gif)  no-repeat left; padding-left: 20px; }
.icon-help { background: url(/assets/images/icons/help.gif)  no-repeat left; padding-left: 20px; }
.icon-settings { background:none  no-repeat left; padding-left: 20px; }
.icon-campaigns { background:none  no-repeat left; padding-left: 20px; }
.icon-campaigns-add { background: url(/assets/images/icons/brick_add.gif)  no-repeat left; padding-left: 20px; }
.icon-campaigns-edit { background: url(/assets/images/icons/brick_edit.gif)  no-repeat left; padding-left: 20px; }
.icon-reports { background: url(/assets/images/icons/chart_bar.gif)  no-repeat left; padding-left: 20px; }
.icon-keywords { background:none  no-repeat left; padding-left: 20px; }
.icon-keywords-add { background: url(/assets/images/icons/cog_add.gif)  no-repeat left; padding-left: 20px; }
.icon-keywords-edit { background: url(/assets/images/icons/cog_edit.gif)  no-repeat left; padding-left: 20px; }
.icon-lists { background:none  no-repeat left; padding-left: 20px; }


/* Block Elements */
#body{ position:relative;
    float:left;
    width:1003px;
    padding-top:10px;
    background:url(/images/top.gif) no-repeat left top;
}

.body_bg2{ position:relative;
            float:left;
            width:1003px;
            background:url(/images/middle.gif) repeat-y left;
}

.body_center{ position:relative;
            float:left;
            width:696px;
            padding:10px 0px 70px 157px;
            
}
.body_left{ position:relative;
            float:left;
            width:482px;
}
.body_right{ position:relative;
                float:right;
                width:205px;
}
.body_right_vidpad {
		position: relative;
		float: right;
		width: 205px;
		margin-top: 290px;
}
.left_box{ position:relative;
            float:left;
            width:482px;
}
.left_box_top{ position:relative;
            float:left;
            width:422px;
            background:url(/images/bg11.gif) no-repeat left top;
            padding: 20px 30px 20px 30px;
}
.left_box_top2{ position:relative;
            float:left;
            width:422px;
            background:url(/images/bg11.gif) no-repeat left bottom;
            padding:30px 30px 20px 30px;
}
.left_box_top_vidpad { position: relative;
            float:left;
            width:422px;
            background:url(/images/bg11_long.gif) no-repeat; 
	    background-color: #f6f9fb;
            padding: 20px 30px 20px 30px;
	    background-position: 0px 285px;

}
.left_box_middle{ position:relative;
                    float:left;
                    width:482px;
                    background:url(/images/bg12.gif) repeat-y left;
}
.left_box_middle_vidpad{ position:relative;
                    float:left;
                    width:482px;	/* this image wouldn't go down for some reason */
                    background: none; /*url(/images/bg12.gif) repeat-y;*/
		    background-position: 0px 300px;
}
.left_buttom{ position:relative;
            float:left;
            width:482px;
            background:url(/images/bg13.gif) no-repeat left top;
            height:9px;
            overflow:hidden;
}

.box_title, .box-head { position:relative;
            float:left;
            width:422px;
            font-size:14px;
            color:#0093c4;
            font-weight:bold;
            line-height:40px;
}

.box_text_box, .box-content{ position:relative;
                float:left;
                width:422px;
}
.box_video {
	position: relative;
	float: left;
	width: 700px;
	margin: 0px;
	margin-left: -35px;
	padding: 0px;
}
.text_title{ position:relative;
            float:left;
            width:422px;
            background:#0093c4;
            color:#FFFFFF;
            font-weight:bold;
            margin-bottom:5px;
}
.text_td{ position:relative;
            float:left;
            width:74px;
            padding-left:10px;
            line-height:25px;
}
.text_tr1{ position:relative;
            float:left;
            width:422px;
            background:#ddd6c6;
            margin-top:3px;
}
.text_tr3{ position:relative;
            float:left;
            width:422px;
            margin-top:15px;
            text-align:right;
}
.text_tr4{ position:relative;
            float:left;
            width:422px;
            margin-top:5px;
            text-align:left;
}
.text_tr4 a:link{ color:#9ec404; text-decoration:underline;}
.text_tr4 a:visited{ color:#9ec404; text-decoration:underline;}
.text_tr4 a:hover{ color:#0093c4; text-decoration:underline;}
.text_tr2{ position:relative;
            float:left;
            width:422px;
            background:#eaeaea;
            margin-top:3px;
}
.text_td2{ position:relative;
            float:left;
            width:74px;
            padding-left:10px;
            line-height:25px;
            color:#0093c4;
            font-weight:bold;
}
.text_td3{ position:relative;
            float:left;
            width:74px;
            padding-left:10px;
            line-height:25px;
}

/* Right Column */
.right_box_z{ position:relative;
            float:left;
            width:205px;
            margin-bottom:8px;
}
.right_box{ position:relative;
            float:left;
            width:205px;
            background:url(/images/bg15.gif) repeat-y left;
}
.right_box_top{ position:relative;
                float:left;
                /*background:url(/images/bg002.gif) no-repeat left top;*/
                width:175px;
                color:#FFFFFF;
                padding:10px 15px 10px 15px;
}
.right_box_bottom{ position:relative;
                float:left;
                background:url(/images/bg003.gif) no-repeat left top;
                width:205px;
                height:35px;
}
.right_title{ position:relative;
            float:left;
            width:175px;
            font-size:16px;
            font-weight:bold;
            /*background:url(/images/line2.gif) repeat-x left bottom;*/
            /*line-height:40px;*/
}
.right_text{ position:relative;
            float:left;
            width:175px;
            padding-top:10px;
            color: #fff;
}
.right_text a { color: #fff; }
.right_text a:hover { text-decoration: underline; }
.right_text ul{ position:relative; float:left; width:175px; list-style:none; padding:0px; margin:0px;}
.right_text ul li{ position:relative; float:left; width:175px; padding-bottom:8px;}
.right_img_box{ position:relative;
                float:left;
                width:205px;
                background:url(/images/bg16.gif) no-repeat center bottom;
                text-align:center;
                padding-bottom:11px;
                padding-top:20px;
}

/* Footer */
.bottom{ position:relative;
            float:left;
            width:696px;
            margin-top:5px;
            

}
.bottom_text{ position:relative;
                float:left;
                width:696px;
                padding-bottom:5px;
                text-align:center;
}
.bottom_text a:link{ color:#686868;}
.bottom_text a:visited{ color:#686868;}
.bottom_text a:hover{ color:#686868; text-decoration:underline;}


/**
 *
 * START OF CUSTOM STYLES
 *
 */

/** Messages **/
.required:after{content:' (required)'}
.error,
.errors,
a.error span,
.validation-advice      { color:#D40707; font-weight: bold; }
.notice                 { color:#ea7601}
.messages { margin-left: -40px;  }
.messages ul            { border:0 !important; }
.messages li {
    min-height:23px !important;
    margin-bottom:11px !important;
    padding:8px 8px 2px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    list-style:none;
    }
.messages ul li {
    margin:0 0 3px 0 !important;
    border:0 !important;
    padding-left:30px !important;
    }
.error-msg {
    border:1px solid #f16048 !important;
    color:#df280a !important;
    background:#faebe7 url(/img/error_msg_icon.gif) no-repeat 5px !important;
    padding: 5px;
    padding-left: 25px;
    margin-bottom: 4px;
    }
.success-msg {
    border:1px solid #95a486 !important;
    color:#3d6611 !important;
    background:#eff5ea url(/img/success_msg_icon.gif) no-repeat 5px !important;
    padding: 5px;
    padding-left: 25px;
    margin-bottom: 4px;
    }
.notice-msg {
    border:1px solid #ffd967 !important;
    background:#fffbf0 url(/img/note_msg_icon.gif) no-repeat 5px !important;
    color:#3d6611 !important;
    padding: 5px;
    padding-left: 25px;
    margin-bottom: 4px;
    }
.warning-msg {
    border:1px solid #666e73 !important;
    background:#e6e6e6 url(/img/warning_msg_icon.gif) no-repeat 5px !important;
    color:#000000 !important;
    padding: 5px;
    padding-left: 25px;
    margin-bottom: 4px;
    }
.validation-advice {
    clear:both;
    min-height:15px;
    margin:3px 0 0 9px;
    background:url(/img/validation_advice_bg.gif) no-repeat 2px 1px;
    padding-left:16px;
    font-size:.95em;
    font-weight:bold;
    line-height:1.25em;
    }
input.validation-failed, textarea.validation-failed {
    background:#fef0ed;
    border: 1px dashed #d6340e;
    }

/* Form Button */
.content-buttons.form-buttons,
.content-header .form-buttons   { text-align:right; white-space:nowrap; margin-bottom:0px; }
.content-header .form-buttons   { float:right; }
.content-header td.form-buttons   { float:none; }
.content-header .form-buttons button { margin-bottom:3px; }
.sub-btn-set {
    border-width:0 1px;
    border-color:#ddd;
    border-style:solid;
    background:url(/img/sub_button_bg.gif) repeat;
    padding:3px 10px;
    text-align:right;
    }
button, .form-button {
    border-width:1px;
    border-style:solid;
    border-color:#ed6502 #a04300 #a04300 #ed6502;
    padding:0 7px 1px 7px;
    background:url(/img/btn_bg.gif) #ffac47 repeat-x 0 100%;
    color:#fff;
    font:bold 12px arial, helvetica, sans-serif;
    cursor:pointer;
    text-align:center !important;
    white-space:nowrap;
    }
button:hover                    { background: url(/img/btn_over_bg.gif) repeat-x 0 0 #f77c16; }
button:active                   { background: url(/img/btn_on_bg.gif) repeat-x 0 0 #f77c16; }
button span                     { line-height:1.35em; background-repeat:no-repeat; background-position:0 50%; }
button.delete,
button.save,
button.add                      { padding-left:6px; }
button.cancel span, button.delete span, button.save span, button.add span, button.back span { padding-left:20px; }
button.back {
    border-color:#ccc #aaa #aaa #ccc;
    background-color:#fff;
    background-image:url(/img/btn_back_bg.gif);
    color:#555;
    }
button.back span                { background-image:url(/img/icon_btn_back.gif); }
button.cancel:active            { background-image:url(/img/cancel_btn_active_bg.gif); }
button.cancel, button.delete    {
    border-color:#d24403 #a92000 #a92000 #d24403;
    background-image:url(/img/cancel_btn_bg.gif);
    background-color:#fcaf81;
    color:#fff;
    }
button.cancel:hover, button.delete:hover { background-image: url(/img/cancel_btn_over_bg.gif); }
button.cancel:active,
button.delete:active            { background-image:url(/img/cancel_btn_active_bg.gif); background-color:#e0612f; }
button.cancel span, button.delete span {
    background-image:url(/img/cancel_btn_icon.gif);
    }
button.add span     { background-image:url(/img/add_btn_icon.gif); }
button.save span    { background-image:url(/img/save_btn_icon.gif); }

button.disabled,
button.disabled:hover,
button.disabled:active          { border-width:1px; border-style:solid; border-color:#4b6e7c #344d56 #344d56 #4b6e7c; background:#6f8992; color:#ededed; cursor:default; }

/** Table Styles **/
thead { background: #f6f6f6; }
th { background: #f6f6f6; font-weight: bold; text-align: left}
td { padding: 2px; }
tr.odd { background-color: #fff }
tr.even { background-color: #f6f6f6; }


/** form styles */
.form-controls {
 text-align: right;
 margin-top: 30px;
 margin-bottom: 5px;
}

h3 { font-size: 14px; } 
/* Accordion */
.accordion-header { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;  padding: 5px 0px 5px 0px; margin-bottom: 0px; background: url('/img/grid_sort_desc.gif') no-repeat right;}
.accordion-header:hover { background-color: #fafafa; }

/** Lists **/
dt { font-weight: bold }

.breadcrumbs { padding-bottom: 10px;  }
.breadcrumbs, .breadcrumbs a { font-size: 12px; color: orange; text-decoration: none }
.breadcrumbs a:hover { text-decoration: underline }

/* Login form (/login) */
label.loginn {
	display:inline-block;
	width:75px;
	padding-right:10px;
	text-align:right;
}

.fieldDescription { margin-left: 20px } 

/* Account Information Messages */
span.low_credit {
	color: #FF0000;
}
span.low_credit_message {
	color: yellow;
}

/* Career page style /career */
p.career_spaced {
	line-height: 125%;
	font-weight: bold;
	color: #000;
}
p.career_norm {
	line-height: 150%;
	color: #000;
}
p.career_mark {
	line-height: 125%;
	color: #000;
}
p.career_small {
	font-family: times;
	color: #000;
	font-weight: bold;
}
span.career_blue {
	color: #000080;
}

span.career_green {
	color: #009600;
}

span.career_lbrown {
	color: #8A4B08;
}
span.career_lbrownu {
	text-decoration: underline;
	color: #8A4B08;
}
span.career_ex {
	color: blue;
	font-decoration: underline;

}
ul.career, li.career {
	padding: 0;
	margin: 0; 
	list-style-type: none;
	font-weight: bold;
}
ul.career_toc {
	color: #000;
	text-decoration: underline;
	list-style-type: none;
	font-size: 14px;
}
ul.career_center {
	color: #000;

}
h1.car_mtitle {
	color: #000080;
	text-decoration: underline;
	font-size: 16;
}
h2.car_mark {
	font-style: italic;
	font-size: 14;
	color: #000;
}
p.career_lbrown {
	color: #8A4B08;
}

/* campaign button descriptions */
span.campaign_sdescript {
	color: #000;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}
img.carrier_pic {
	margin-left: -20px;
}	
span.soln_blue {
	color: #0093c4;
	font-weight: bold;
}
img.soln {
	height: 92px;
	width: 100px;
}
p.soln_header {
	text-align: center;
	height: 2.5em;
}
textarea#message {
	width: 20em;
	height: 7em;
}
span.sublevel {
	color: #62a426;
	font-weight: normal;
}
