body {
        margin:0;
        padding:0;
}
body, input, select {
        font-family:'Verdana', 'Helvetica', 'sans-serif';
        font-size:14px;
}

/*
.sliced {
        float:left;
        background-image:URL(../images/sprite.png);
        background-repeat:no-repeat;
        overflow:hidden;
}
*/
a, .sliced a, .sliced a:hover, a.sliced, a.sliced:hover { text-decoration:none; }

a         { color:black; }       a:hover         { color:#ff8a00; }

a.redlink { color:#ecf21e; }     a.redlink:hover { color:black; }

a img { border:none; }

.black { color:#000000; }
.orange { color:#ff8a00; }
.orange_bg { background-color:#ff8a00; }
.turqoise { color:#57bdce; }
.turqoise_bg { background-color:#57bdce; }
.light_grey { color:#c1c1c1; }
.light_grey_bg { background-color:#c1c1c1; }
.dark_grey { color:#666; }
.dark_grey_bg { background-color:#666; }
.budget_over { color:#d06265; }
.budget_under { color:#5cc245; }
.budget_even { color:#c1c1c1; }

p { margin: 0; }
.bold { font-weight:bold; }
.normal { font-weight:300; }
.underline { text-decoration:underline; }
.uppercase { text-transform:uppercase; }
.larger { font-size:1.15em; }

.oswald { font-family:"Oswald"; }

.sliced { float:left; background-image:URL(../images/sprite.png); overflow:hidden; background-repeat:no-repeat; }

.spacer { float:left; width:100%; font-size:1px; }

/* --------------------------------------------------------------------------------------------------- */


a.btn_wrap { float:left; margin-top:15px; cursor:pointer; }
a.btn_wrap span { float:left; width:100%; margin-top:2px; margin-bottom:3px; text-align:center; color:white; font-size:22px; }


.form_error, .alert { padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px; }
.form_error, .alert-danger { background-color:#f2dede; border-color:#ebccd1; color:#a94442; }


.form_success{ display:none; padding:15px; margin-bottom:20px; border:1px solid #666; border-radius:4px; background-color:#efefef; }


/* --------------------------------------------------------------------------------------------------- */



a#logout_warning_wrap {
	display:none;
	position:absolute;
	float:left;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	color:white;
	text-align:center;
	padding-top:3px;
	padding-bottom:4px;
	cursor:pointer;
}
a#logout_warning_wrap span { font-weight:bold; }


div#site_header_container div { float:left; overflow:hidden; }
div#site_header_container a { text-decoration:none; }

div#site_header_container {
        z-index:1;
        left:0;
        float:left;
        width:100%;
        height:149px;
        top:0;
        position:absolute;
        background:white URL(../images/header_bg.png) repeat-x top left;
}
div#site_header {
        z-index:2;
        left:50%;
        width:929px;
        height:100px;
        margin-left:-464px;
        top:0;
        position:absolute;
        background-position:0 0;
}
div#site_header span#header_myaccount {
	float:right;
	margin-top:5px;
	font-size:15px;
	height:33px;
	cursor:pointer;
}
div#site_header span#header_greeting {
	float:right;
	margin-right:30px;
}
div#site_header span#header_myaccount img {
	float:left;
	margin-right:11px;
	margin-top:0px;
	width:30px;
	height:30px;
}

div#header_white { float:left; width:100%; height:33px; overflow:hidden; }
div#header_light { float:left; width:100%; height:66px; overflow:hidden; }
div#header_light a { float:left; width:700px; height:52px; }
div#header_lower { float:left; width:100%; height:35px; overflow:hidden; margin-top:8px; margin-bottom:15px; }
div#header_btn_wrap { float:left; width:431px; height:35px; overflow:hidden; }
a.btn_add  { width:88px; height:30px; background-position:-100px -160px; cursor:pointer; }

a.btn_header { float:left; margin:2px 15px 0 0; font-weight:normal; font-size:18px; text-transform:uppercase; }


div#site_content {
        z-index:3;
        position:absolute;
        left:50%;
        top:110px;
        padding-bottom:50px;
        float:left;
        width:929px;
        margin-left:-464px;
}


div#site_content_inner {
        float:left;
        width:929px;
        margin-left:0px;
}



div#main_tabs_wrap { float:left; width:100%; height:39px; }

div#main_tabs_wrap div.tab_wrap { float:left; width:122px; margin-right:4px; }

a.main_tab { width:122px; height:39px; }

a.main_tab_alist                                        { background-position:0 -275px; }
a.main_tab_alist:hover,     a.main_tab_alist_active     { background-position:0 -320px; }
a.main_tab_cpr                                          { background-position:-125px -275px; }
a.main_tab_cpr:hover,       a.main_tab_cpr_active       { background-position:-125px -320px; }
a.main_tab_sar                                          { background-position:-250px -275px; }
a.main_tab_sar:hover,       a.main_tab_sar_active       { background-position:-250px -320px; }
a.main_tab_dash                                         { background-position:-375px -275px; }
a.main_tab_dash:hover,      a.main_tab_dash_active      { background-position:-375px -320px; }
a.main_tab_vitals                                       { background-position:-500px -275px; }
a.main_tab_vitals:hover,    a.main_tab_vitals_active    { background-position:-500px -320px; }
a.main_tab_admin                                        { background-position:-625px -275px; }
a.main_tab_admin:hover,     a.main_tab_admin_active     { background-position:-625px -320px; }
a.main_tab_                                        { background-position:-0px -275px; }
a.main_tab_:hover,     a.main_tab__active     { background-position:-0px -320px; }


div.tab_wrap span.tab_subnav_outer { float:left; position:relative; display:none; }
div.tab_wrap span.tab_subnav_inner { float:left; position:absolute; width:122px; top:39px; left:-122px; background-color:#666; padding-bottom:20px; padding-top:5px; z-index:5; }
div.tab_wrap span.tab_subnav_inner a { float:left; width:112px; margin-left:5px; margin-top:5px; color:white; text-transform:uppercase; font-size:14px;}
div.tab_wrap span.tab_subnav_inner a:hover { color:#ff8a00; }


#user_options {
        background-color:#666;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: absolute;
        left:50%;
        margin-left:330px;
        top: 38px;
        width: 150px;
        z-index: 999;
}

#user_options li { margin:0; padding:0; border-bottom:0px solid #c0c0c0; }

#user_options li a {
        display: block;
        padding: 5px 23px 5px 5px;
        text-align: right;
        text-decoration: none;
        font-size: 11px;
        color: #FFF;
}

#user_options li a:hover {
        background:#ff8a00;
}




/* --------------------------------------------------------------------------------------------------- */




div.cpr_view_wrap {
	float:left;
	width:178px;
	height:230px;
	background-color:#c1c1c1;
	margin-right:10px;
	margin-bottom:10px;
}
div.cpr_view_inner {
	float:left;
	width:170px;
	height:222px;
	background-color:#d6d6d6;
	margin-left:4px;
	margin-top:4px;
}
div.cpr_view_img_wrap {
	float:left;
	width:156px;
	height:156px;
	background-color:white;
	margin-top:9px;
	margin-left:7px;
}
div.cpr_view_img_wrap div {
	position:relative;
	top:0;
	left:0;
	margin:0;
}
div.cpr_view_img_wrap div img {
	float:left;
	width:150px;
	height:150px;
	margin-top:3px;
	margin-left:3px;
}
div.cpr_view_info_wrap {
	float:left;
	width:156px;
	height:21px;
	margin-left:7px;
}
div.cpr_view_info_wrap div.type_wrap {
	float:left;
	width:78px;
	height:21px;
	background-color:white;
}
div.cpr_view_info_wrap div.type_wrap span { float:left; width:80px; margin-left:4px; }
div.cpr_view_info_wrap div.type_angled_edge { width:11px; height:21px; background-position:-530px -120px; }
div.cpr_view_info_wrap span.date_wrap { float:right; color:#555; width:67px; text-align:right; }
span.cpr_view_title_wrap { float:left; width:100%; margin-top:5px; text-align:center; color:black; text-transform:uppercase; line-height:1.05em;}

span.snipe_new, span.snipe_process, span.snipe_complete, span.snipe_archived { width:71px; height:72px; position:absolute; top:0; left:0; }
span.snipe_new { background-position:-0px -200px; }
span.snipe_process { background-position:-80px -200px; }
span.snipe_complete { background-position:-160px -200px; }
span.snipe_archived { background-position:-240px -200px; }


span.cpr_view_icons_wrap { width:153px; height:24px; position:absolute; top:125px; left:0; }

/* --------------------------------------------------------------------------------------------------- */



span.header {
	float:left;
	width:100%;
	background-color:#666;
	height:32px;
	margin-bottom:15px;
}
span.header span { float:left; width:100%; text-align:center; margin-top:0px; color:white; font-size:22px; }

span.section_header {
	float:left;
	width:100%;
	margin-bottom:10px;
	color:#c2c2c2;
	font-size:22px;
}

span.horizontal_line {
	float:left;
	width:100%;
	height:3px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#c1c1c1;
	font-size:1px;
}

label.lbl { float:left; margin-top:3px; margin-right:8px; margin-bottom:2px; color:#666; font-size:20px; text-align:right; text-transform:uppercase; }
input.lbl { float:left; margin-right:8px; border:1px solid transparent; font-size:20px; color:#666; text-align:right; }
input.readonly { border:1px solid transparent; }
input.border { border:1px solid #dadada; }
input.ipt, select.slct, textarea.txtr { float:left; margin-bottom:2px; border:1px solid #dadada; font-size:20px; }
select.slct { padding:0px 2px; }
input.ipt, textarea.txtr { padding:1px 5px; }
span.val { float:left; font-size:18px; margin-top:5px; margin-bottom:4px; }

a#btn_crop { float:right; width:50px; text-transform:uppercase; cursor:pointer; text-align:right; }
a#btn_crop:hover { text-decoration:underline; }

.dummy { display:none; float:left; width:100%; }
.wrap { float:left; width:100%; }

div.move_row { float:left; width:100%; margin:0; padding:0;  }
div.sortable_wrap div.move_placeholder { float:left; width:100%; height:20px; margin:0; padding:0; border:2px dashed #aaa; }

/* ---------------------------------------------------- */

div.fileinputs { /* provide inline style width */
        position: relative;
}

div.fakefile {
        position: absolute;
	width:100%;
        top: 0px;
        left: 0px;
        z-index: 101;
}

input.filestyled {
        width:100%;
        position: relative;
        text-align: right;
        z-index: 102;
        -moz-opacity:0 ;
        filter:alpha(opacity: 0);
        opacity: 0;
}

div.fakefile input {
        width:100%;
        border:1px solid #dadada;
        background:white;
        text-align:center;
	font-size:20px;
	font-family:"Oswald";
	color:#57bdce;
}
/* ---------------------------------------------------- */

div.trash_float { 
	float:left;
	position:fixed;
	z-index:30;
	bottom:25px;
	left:25px;
	width:128px;
	height:128px;
	background-image:URL(../images/trash.png);
	background-position:-0px -0px;
}
div.trash_float div.move_placeholder { float:left; width:100%; height:124px; margin:0; padding:0; border:2px dashed #aaa; }
span.btn_drag {
	float:left;
	width:18px;
	height:18px;
	cursor:move;
	margin:10px 7px 0 0;
	background-image:URL(../images/btn_drag.png);
}

/* ---------------------------------------------------- */

table.email {
	float:left;
	width:100%;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #dadada;
}

table.email td, table.email th {
	margin: 0;
	padding: 4px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #dadada;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
}
table.email td { color:#666; }
table.email th { color:white; }
table.email td input {
	float:left;
	width:95%;
	border:none;
	padding:1px 5px;
	text-transform:uppercase;
	font-size:18px;
	color:#666;
}
table.email td input.narrow { width:35%;  }
table.email td span { float:left; }




/* --------------------------------------------------------------------------------------------------- */






div.grid_border_container {
        float:left;
        width:751px;
	border:1px solid #d9d9d9;
}
div.grid_border_container_inner {
        float:left;
        width:743px;
        margin:4px;
}

div.grid_border_inner_header {
        float:left;
        width:100%;
        background-color:#B1B1B1;
        margin-top:10px;
        margin-bottom:15px;
}
div.grid_border_inner_header span  {
        float:left;
        margin:4px 8px;
        color:white;
}


/* ------------------------------------------------------ */

input.campaign_input {
        float:left;
        border:1px solid #d9d9d9;
        padding:4px;
        width:170px;
        margin-bottom:5px;
}
textarea.campaign_tarea {
        float:left;
        border:1px solid #d9d9d9;
        padding:4px;
        width:170px;
        margin-bottom:5px;
        font-family:inherit;
}
select.campaign_select {
        float:left;
        border:1px solid #d9d9d9;
        padding:4px;
        width:179px;
        margin-bottom:5px;
}

label.campaign {
        float:left;
        color:#555;
        font-size:15px;
        font-weight:bold;
        text-transform:uppercase;
        text-align:right;
        margin-right:10px;
        margin-top:3px;
}

span.required { font-size:11px; color:#ff8a00; }

/* ------------------------------------------------------ */



div.buttonborder {
        float:left;
        width:185px;
        border:1px solid #d9d9d9;
        background:white;
}
div.buttonborder a {
        float:left;
        width:94%; /* this value will be replaced by a jquery script */
        margin:4px;
        text-align:center;
        text-decoration:none;
        color:white;
}
div.buttonborder a.teal, .teal_bg { background-color:#00A3A3; }
div.buttonborder a.orange, .orange_bg { background-color:#ff8a00; }
div.buttonborder a.black, .black_bg { background-color:#000000; }
div.buttonborder a.grey, .grey_bg { background-color:#333; }
div.buttonborder a.large { font-size:13px; font-weight:bold; height:25px; }
div.buttonborder a.large span { position:relative; top:4px; }
div.buttonborder a.bold { font-size:12px; font-weight:bold; height:19px;  }
div.buttonborder a.bold span { position:relative; top:1px; }
div.buttonborder a.small { font-size:11px; font-weight:bold; height:18px;  }
div.buttonborder a.small span { position:relative; top:2px; }

div.buttonborder-no-attr {
        float:left;
        width:185px;
        height: 27px;
        border:1px solid #d9d9d9;
        background:white;
}


/* ------------------------------------------------------ */

a.header_search_suggestion { float:left; width:540px; }
a.header_search_suggestion img { float:left; margin-right:12px; width:58px; }
a.header_search_suggestion div { float:left; width:470px;}
a.header_search_suggestion span.title_wrap { float:left; width:100%; font-size:20px; color:#666; }
a.header_search_suggestion span.dates_wrap { float:left; width:100%; font-size:15px; color:#adadad; }

select.header_filter {
	float:left;
	padding:0px 5px 0px 0;
	border:1px solid #AAA;
	color:#A9A9A9;
	margin:0 0 0 18px;
	width:185px;
	text-transform:uppercase;
	font-size:18px;
}

/* ------------------------------------------------------ */

.icon_zoom            { width:24px; height:24px; background-position:  -0px -395px; }
.icon_zoom:hover      { width:24px; height:24px; background-position:  -0px -420px; }
.icon_thumb           { width:24px; height:24px; background-position: -25px -395px; }
.icon_thumb:hover     { width:24px; height:24px; background-position: -25px -420px; }
.icon_complete        { width:24px; height:24px; background-position: -50px -395px; }
.icon_complete:hover  { width:24px; height:24px; background-position: -50px -420px; }
.icon_archive         { width:24px; height:24px; background-position: -75px -395px; }
.icon_archive:hover   { width:24px; height:24px; background-position: -75px -420px; }
.icon_alert           { width:24px; height:24px; background-position:-100px -395px; }
.icon_alert:hover     { width:24px; height:24px; background-position:-100px -420px; }
.icon_copy            { width:24px; height:24px; background-position:-125px -395px; }
.icon_copy:hover      { width:24px; height:24px; background-position:-125px -420px; }
.icon_delete          { width:24px; height:24px; background-position:-150px -395px; }
.icon_delete:hover    { width:24px; height:24px; background-position:-150px -420px; }
.icon_edit            { width:24px; height:24px; background-position:-175px -395px; }
.icon_edit:hover      { width:24px; height:24px; background-position:-175px -420px; }
.icon_keyart          { width:24px; height:24px; background-position:-200px -395px; }
.icon_keyart:hover    { width:24px; height:24px; background-position:-200px -420px; }
.icon_download        { width:24px; height:24px; background-position:-225px -395px; }
.icon_download:hover  { width:24px; height:24px; background-position:-225px -420px; }
.icon_mail            { width:25px; height:15px; background-position:-250px -395px; }
.icon_mail:hover      { width:25px; height:15px; background-position:-250px -420px; }

/* ------------------------------------------------------ */



div.interactivity_box {
        display:none;
        position:fixed;
        _position:absolute;
        z-index:10003;
        left:50%;
        background:#ccc;
        color:black;
        -moz-box-shadow: 0px 2px 2px #333;
        -webkit-box-shadow: 0px 2px 2px #333;
        box-shadow: 0px 2px 2px #333;
}
div.interactivity_box span.boxheader {
        float:left;
        background:black;
        width:100%;
        height:28px;
        color:white;
        border:1px solid black;
        text-transform:uppercase;
        font-size:15px;
        font-weight:500;
}
div.interactivity_box span.boxheader span { float:left; margin:4px 0 0 10px; }
div.interactivity_box span.boxheader a    { float:right; margin:5px 10px 0 0; font-size:12px; color:white; }
div.interactivity_box span.boxheader a:hover { color:white; }



#errorbox_outer, #successbox_outer {
        width:320px;
        top:200px;
        _top:expression(eval(document.body.scrollTop+200));
        margin-left:-160px;
        border:1px solid black;
}
#errorbox, #successbox { float:left; text-align:left; padding:10px 10px 18px 10px; }


span.separator {
	float:left;
	width:100%;
	height:3px;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#e5e5e5;
	font-size:1px;
}

img.hairline { border:1px solid #e5e5e5; }

/* ------------------------------------------------------ */

div.sidenav_container { float:left; width:150px;}
.sidenav_link {
	float:left;
	width:100%;
	position:relative;
	top:-4px;
	overflow:hidden;
	line-height:1.2em;
}

div.main_container { float:left; width:779px;}

div.header_container {
        float:left;
        width:753px;
        height:24px;
        background-color:#666;
        margin-top:24px;
        margin-bottom:5px;
        font-weight:bold;
        font-weight:15px;
}
div.header_container span.header_inner {
        float:left;
        margin:2px 0 0 6px;
        color:white;
        text-transform:uppercase;
}
div.header_container a {
        color:white;
}
div.header_container a:hover {
        color:#ff8a00;
}

img.actionicon { padding-left:5px; }

div.wrap {
	float:left;
	width:100%;
}