/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----- Custom Normalize css : http://necolas.github.com/normalize.css/ -----*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 0.75em; line-height: 1.231; }
body, input, select, textarea, button { font-family: Verdana, "Helvetica Neue", helvetica,  Arial, sans-serif; color: #444 /*#3e693f*/; }

a { color: #3e693f; text-decoration: none; }
a:hover { color: #346799; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a.cust_link { color: #1e7398; }
a.cust_link:hover { color: #56a8cc; text-decoration: underline; }

a.sortable_header { color: #346799; }
a.sortable_header:hover { color: black; text-decoration: none; }
a:focus { outline: none; }

b, strong { font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
small { font-size: 85%; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { margin: 6px 5px 0 0; box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

table { margin: 0 0 5px; }
td, th { vertical-align: top; padding: .15em; }
td > table td { padding: 0; }


/*----- Basic stylesheet for all themes, each theme has it's own specific styles in the theme folder. See example.css for guide and ideas -----*/

/*----- Banner -----*/

/*-----
banner_logo is always floated left across all themes
banner_links_wrap is always floated right in each theme 
banner_custname is positioned absolutely so it can be positioned for each theme
link styles and active states for links are in the individual theme stylesheet
-----*/

.banner_logo { display: inline; float: left; }
.banner_logo h1 { display: none; }
.banner_logo a { display: block; }
.banner_links_wrap { display: inline; float: right; }
.banner_custname { position: absolute; }

.banner_links { list-style: none; margin: 0; padding: 0; } 
.banner_links li { display: inline; float: left; }
		
.banner_links a:hover { text-decoration: underline; } 
.ie6 .banner { height: 44px; }
.ie6 .banner_links { height: 20px; }
.ie6 .banner_logo_wrap { width: 360px; } 
.ie6 .banner_links_wrap { width: 272px; } 
.ie6 .banner_logo { height: 44px; } 


/*----- Navigation -----*/

/*-----
primary_nav given basic default colour, this is overridden within specific theme folder
navtabs are floated left and have had a reset of padding, margin and list-style-type for all themes
navshortcut is floated right and has default styles for all themes, links inside have default styles across all themes
-----*/

.primary_nav { background: #ccc; }
.navtabs { float: left; display: inline; list-style-type: none; margin: 0px; padding: 0px; }
.navtabs li { float: left; display: inline; cursor: pointer; }

.navshortcut { float: right; display: inline;  }
.shortcuts { font-size: 12px; background: #fff; }
.shortcuttitle { background: #d9d9d9; color: #212121; font-size: 13px; margin: 0 1px; padding: 5px 10px; border-bottom: 1px solid #fff; }
.shortcuts a { background: #f1f1f1; margin: 0 1px; padding: 5px 10px; display: block; color: #333; border-bottom: 1px solid #fff; }
.shortcuts a:hover { background: #b3b3b3; color: #333; text-decoration: none; }

/*-----
subnavtabs have had a reset of padding, margin and list-style-type for all themes
subnavtabs li and a have been set up to list horizontal for all themes with basic styling
further colours for subnav links are in the specific theme folder
-----*/

.subnavtabs { width: 100%; list-style-type: none; margin: 0px; padding: 0px; }
.subnavtabs li { float: left; display: inline; font-size: 10px; margin-left: 10px; }
.subnavtabs a { display: block; text-decoration: none; }
.subnavtabs a:hover { text-decoration: underline; }

.applinks { padding-top:2px; padding-left: 5px; padding-right: 5px; font-size: 10px; white-space: nowrap; }


/*----- global styles -----*/

.hoverlinks a { text-decoration: none; }
.hoverlinks a:hover { text-decoration: none; }
.destlabel { color: #3e693f; }
.custname { font-size: 12px; color:#3e693f; white-space: nowrap; text-align: right; margin: 0px; padding: 0px; margin-right: 5px; }

/*----- manager styles -----*/

.manager_logo { margin: 10px 0; }
.maincontent { margin: 0 1%; }
form#search { margin: 10px 0; }

table.imagelink td { text-align: center; font-size: 10px; }
table.imagelink td a { display: block; }


/*----- Content sections -----*/

/*-----
content_wrap has a default padding to give it space across all themes
csec is a default style for all content sections so that they can be floated to fit different theme layout
secwindow is container for windows and table content set to fit screen width for fluid layout
-----*/

.content_wrap { margin: 10px 1%; }
.csec { /*float: left; display: inline;*/ }
.secwindow { width: 100%; }

.pagetitle { margin-bottom: .5em; font-size: 21px; }
.pagetitlesubtext { margin-left: 1em; margin-bottom: .5em; font-size: 1em; font-style: italic; color: #3e693f; }

.crumbs { float: right; font-size: 10px; margin-top: 5px; margin-right: 15px; }
.crumbs img { vertical-align: bottom; }

/*-----
big_button_wrap is simple container for the two new job buttons
further styles for buttons and links are defined in each specific theme within the relevant theme folder
-----*/

.big_button_wrap img { display: block; }
.big_button_wrap img:hover { cursor: pointer; }
.newjob a, .emrjob a { display: block; }

.regbutton				{ text-decoration: none;	float: left;	background-color: transparent;	border: 0px;	width: auto;	overflow: visible;	vertical-align: middle;	padding: 1px; }
.htmlradiobutton	{	width: 100%; border: 2px outset; background-color: #fff; color: #000; margin-left: 0px; }

.menucollapse { float: right; margin-top: 4px; margin-right: 5px; border: 2px outset white; width: 10px; height: 10px; }

.window {	background-color: #ffffff; border: 1px solid #999; }
.window_title_wrap 	{ padding: 0; position: relative;} 
.window_title_l, .window_title_r 	{ display: none; }
			
.window_body_wrap { position: relative; margin: 0; }
.window_body_l, .window_body_r { display: none; } /* hide from newer browsers... */
.window_body { position: relative; padding: 20px 1%; }
table.window_body { width: 100%; }

.window_foot_wrap { margin: 0 0 15px; }

.window_aside { width: 18%; margin: 0 2% 0 0; }
.window_main { width: 77%; margin: 0 0 0 2%; }

.feedfilter {	margin: 0; padding: 0; list-style: none; }
.feedfilter li { line-height: 20px; padding-top: 5px; }
.feedfilter li a img { margin-top: -5px; margin-right: 5px; }
.feedfilter li.feedselected a {color: #000000; font-weight: bold; }


.caller_id { float: left; display: inline; width: 70.5%; }
.approved_id { float: left; display: inline; width: 28.5%; margin: 0 0 0 1%; }


/*----- Buttons, for buttons within the windows and tables, further styling is in the specific theme file for each theme -----*/
   
button { color: #3e693f; background: none; border: none; margin: none; padding: none; }
.btn { padding: 0; border: none;/* background: transparent;*/ font-weight: bold; cursor: pointer; }
.btn_wrap { white-space: nowrap; position: relative; display: block; } 
.btn_left, 
.btn_right, 
.btn_middle { display: block; height: 23px; line-height: 23px; font-size: 11px; }
.btn_left, 
.btn_right { position: absolute; top: 0; }
.btn_left { left: 0; background: url(themes/newui/button_left.gif) no-repeat center center; width: 9px; }
.btn_right { right: 0; background: url(themes/newui/button_right.gif) repeat-x center center; width: 9px;}
.btn_middle { margin: 0 9px; padding-right: 2px;  background: url(themes/newui/button_mid.gif) repeat-x center center;}
			
.btn_middle img { margin-top: -4px; padding: 0 3px 0 0; }

.btn:hover .btn_left { background: url(themes/newui/button_left_over.gif) no-repeat center center; }
.btn:hover .btn_middle { background: url(themes/newui/button_mid_over.gif) repeat-x center center; }
.btn:hover .btn_right { background: url(themes/newui/button_right_over.gif) no-repeat center center; }

.btn_hide { display: none !important; visibility: hidden; } /* for hidden buttons! */

.import_file_data .btn { font-size: 10px; line-height: 15px; margin: 0 0 8px 6px; padding: 0; }


/*----- Start page -----*/

.content_col, .content_col_side, .content_col_main { display: block; float: left; }
.content_col_side { width: 15%; min-width: 180px;  }
.content_col_main { width: 85%; }

.dashboard_graph {float: left;}

/*----- Timeline, effects the timeline on the homepage to try and keep it constant for all themes -----*/

/*-----
timeline_table is the container that will stretch to fit space available
table_middle contains the timeline details set to 84% so it looks ok at 1024 width and will stretch for larger screens
table_left and table_right have the arrow controls, set to 8% width for 1024 screens and will still look good on larger screens 
-----*/

.timeline_table { width: 100%; margin-bottom: 3em; }
.timeline_table_middle .canvasleft,
.timeline_table_middle .canvasright { height: 72px; width: 2%; }
.timeline_table_left, .timeline_table_right { width: 51px; }
#_backward, #_forward { display: block; width: 51px; height: 53px; margin: 9px 0 0; }
#_backward { background: url('img/timelinearrowleft.gif') no-repeat; }
#_forward { background: url('img/timelinearrowright.gif') no-repeat; }

#t_refresh { float: left; display: inline; width: 25%; }
#t_zoom { float: left; display: inline; width: 46%; margin: 0 2%; padding: 10px 0 0; text-align: center; }
#t_zoom .zoom_in { background: url('img/icons/fugue/magnifier_zoom.gif') left center no-repeat; padding: 2px 0 2px 19px; }
#t_zoom .reset { background: url('img/icons/fugue/arrow_circle_225.gif') left center no-repeat; padding: 2px 0 2px 19px; }
#t_zoom .zoom_out { background: url('img/icons/fugue/magnifier_zoom_out.gif') left center no-repeat; padding: 2px 0 2px 19px; }
#t_legend { float: right; display: inline; width: 25%; padding: 7px 0 0; text-align: right; }
#t_legend span { background: url('img/largeicons/tiny20x20/flag.jpg') left center no-repeat; padding: 0 0 0 23px; }


/*----- actionlinks control the tooltip links found on recent activity next to the message -----*/

.actionlink_tools { width: 100px; position: absolute; top: .5em; right: 0; }
.actionlink_tools:hover { cursor: pointer; }

.content_feed_notification { margin: 10px 10px 0 0; }
.content_feed_left { display: inline; float: left; overflow: hidden; }
.content_feed_right { margin: 0 0 0 55px; }


/* +----------------------------------------------------------------+
	 | window content                                                 |
   +----------------------------------------------------------------+ */


/* === feed / left panel === */

.content_side {  margin: 0 1% .5% 0; padding: 0 1% .5% 0; width: 15%;  min-width: 180px; border-right: 1px dotted #3399ff; }
.content_main { width: 80%; padding: 0 1% 0 1%; }
.content_row { width: 100%; min-width: 600px; position: relative; margin: 0 auto; margin-bottom: 1em; }
.window_main .content_row { height: 65px; }
#feeditems .content_row { border-bottom: 1px solid #ccc; padding: 0 0 1em 0; }
.content_col_1 { width: 16%; }
.content_col_2 { width: 32%; }
.content_col_3 { width: 48%; }
.content_col_4 { width: 64%; }
.content_col_5 { width: 80%; }
.content_col_6 { width: 96%; }

.start_page, db_fl { display: block; float: left; }

.content_recordcount_top, 
.content_recordcount_btm { display: block; padding-bottom: .5em; }
.content_recordcount_top {  }
.content_recordcount_btm { padding-top: .5em; }
.content_recordcount { text-align: right; margin: 0;}

.content_feed { position: relative; width: 100%; color: #444; }
.content_feed span, .feed_detail { display: block; padding: 0 0 5px 0; width: 100%; }
.content_feed .msg_icon { float: left; display: inline; margin: 0 10px 0 0; width: 48px;}
.content_feed .feed_wrap { float: left; display: inline; margin: 0; }
.content_feed .actionlinks { float: right; display: inline; text-align: right; }
.content_feed .no_content, td.no_content .feedtitle { display: block; padding: 12px 0 0; }
.feed, .feedtitle, .feed_title, .feedtitle a { #3e693f }
.feedtitle, .feed_title { font-size: 14px; font-weight: bold;  }
.feed_icon { width: 48px; vertical-align: top; }
.feed_actions { width: 100px; }
.feedtitle a:hover, .feed_title:hover { text-decoration: underline; }	
.feed_btn_wrap { 	border-bottom: 1px dashed #ccc;	margin: 0 0 10px 0;	padding: 0 0 10px 0; }
.feed_item { border-bottom: 1px solid #ccc; padding: 1em 0.5em; margin-bottom: 5px; }
.feed_item td { padding: 1em 0.5em; }

a.btn.feedcategorymapping:link, a.btn.feedcategorymapping:hover, a.btn.feedcategorymapping:visited, a.btn.feedcategorymapping:active {
    color: #333;
    text-decoration: none;
}

/* RCIeditor */
span.cke_toolgroup {height: 27px;}
a.cke_dialog_tab {height: 26px;}
a.cke_button {height: 25px;}


/* +----------------------------------------------------------------+
	 | general styles                                                 |
   +----------------------------------------------------------------+ */

input.text, input , select, textarea, table.form  {
	/*border: #346799 1px solid;*/
}

.windowRowHeader { background-color: #d4d4d4; color: #767F76; width: 85px; }

.chop { text-align: left; width: 100%; white-space:nowrap; overflow: hidden; color: #666666; border: 1px solid #346799; }
div.gBranding { display:inline; }

/* Scrolling window style settings */
div.scrollTableContainer {
	height: 220px; /* Set scrolling window size */
        overflow:auto;
	position: relative;
}

div.horizontalScrollTableContainer {
	height: auto;
}
/* End of scrolling window style settings */



/*----- action links - edit, copy etc used througout site -----*/

.actionlink {
	padding: 1px 5px 1px 5px; font-size: 11px;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;

	color: #3e693f;
	margin: 2px 0;
	display: inline-block;
}

a.actionlink {
	/*border-right: 1px solid #aaa;*/
}

.actionlink:hover{
	text-decoration: underline;
}

.actionlink img {
	border: 0px;
	padding: 0px;
	padding-right: 3px;
	margin: 0px;
	vertical-align: middle;
}

.actionlinks { white-space: nowrap; }
.actionlinks a { border-left: 1px solid #aaa; }
.actionlinks a.actionlink:first-child { border: none; }

/*----- items need to appear in vertical list on homepage -----*/

.tooltip ul.actionlinks li { float: none; display: block; border: none; }

/*----- removed the padding and background colour set elsewhere -----*/

table.list ul.actionlinks li { padding: 0 4px 0 0; }
table.list ul.actionlinks li:nth-child(2n) { background: transparent; }


/* +----------------------------------------------------------------+
	 | lists / tables                                                 |
   +----------------------------------------------------------------+ */

.listAlt { background-color: #C4CCC4; }

.topBorder { border-top: 1px solid #3399ff; }
.bottomBorder { border-bottom: 1px solid #3399ff; }
.border { border-top: 1px solid #ccc; }

#activeUsersContainer { margin: 10px 0 0; }
.usersearch { float: left; display: inline; }
.pagenavinfo { float:right; }
.pagenavselect { float: right; height:16px; }
.scrolltable { float: left; display: inline; width: 100%; margin: 10px 0 0; }

.tableprogressbar { float:right; width:16px; height:16px; margin-right: 5px }
.togglers {  } /* think this is for search criteria */

.table_controls { margin: 0 0 10px 0; }
.table_controls .sortby { float: left; display: inline; }
.table_controls .sortby h3 { margin: 0 0 5px 0; }
.table_controls .pagenavinfo { float: right; display: inline; padding: 20px 0 0; }
.table_controls .fieldvis { float: left; display: inline; padding: 24px 0 0 10px; }
 
/* +---------------------------------+
	 | table overrides for list styles |
   +---------------------------------+ */

table.list { width: 100%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
table.list > tr { background-color: #fbfbfb; }
table.list tr.listHeader { background-color: #d4d4d4; vertical-align: top; }
table.list tr.listAlt { background-color: #f1f1f1; }
table.list th, table.list td { text-align: left; vertical-align: top; border-right: 1px solid #ccc; color: #484848; }
table.list tr.listHeader td { color: #fff; border-top: 1px solid #ccc; }
table.list td { padding: 5px; }
table.list td.day { text-align: center; vertical-align: middle; }
table.list ul { list-style: none; padding: 0; margin: 0; }
table.list ul li { padding: 6px 8px; }
table.list td table td { border: none; }

table.list td.appointment { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.list td.appointmentEntity { border: 0px; }
table.list td.appointmentIndex { text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.list td.appointmentDetail { border-right: 1px solid #ccc; border-bottom: 0px; }

table.usagelist { width: 100%; border: 1px solid #ccc; background-color: #f8f8f8;  }
table.usagelist tr:nth-child(even) { background-color: #f1f1f1; }

table > .listHeader > th 	{ text-align: left;  color: white; }
.listHeader > .label { padding: 2px; font-weight: normal; }

table td.feed_preview { vertical-align: top; }
table.schedule { width: 218px; }
table.schedule th, table.schedule td { width: 30px; padding: 5px 0; text-align: center; }


.form_table { width: 100%; }

.tcol10		{ width: 10%; }
.tcol20		{ width: 20%; }
.tcol30		{ width: 30%; }
.tcol40		{ width: 40%; }
.tcol50		{ width: 50%; }
.tcol60		{ width: 60%; }
.tcol70		{ width: 70%; }
.tcol80		{ width: 80%; }
.tcol90		{ width: 90%; }
.tcol100	{ width: 100%; }

.hoverhelpicon { margin: 0 5px;	}

.hovertitle { font-weight: bold; }

#footer { padding: 0 0 15px 0; }
#logininfo { float: left; display: inline; text-align: left; font-size: 9px; line-height: 13px; color: gray; }
#termsinfo { float: right; display: inline; text-align: right; font-size: 9px; line-height: 13px; color: gray; }

.alertmessage {
	margin-left: 25%;
	width: 50%;
	text-align: center;
	border: 5px double red;
}

.confirmnoticecontainer { margin: 5px 0 10px 25%; width: 50%; }
.confirmnoticecontent { background: #EBF5FF; margin: 0px; padding: 10px; text-align: center; font-size: 1.2em; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
-webkit-box-shadow: 0px 1px 2px 0px #999; -moz-box-shadow: 0px 1px 2px 0px #999; box-shadow: 0px 1px 2px 0px #999; }

.confirmnoticecontent hr {
	border: solid 1px #3399ff;
}


.horizontaltabstabspane {
	margin: 0;
	border: 0;
	padding: 0;
	height: 26px;
}
.horizontaltabstitlediv {
	padding:0;
	cursor: pointer;
	color: #3e693f;
	float: left;
	margin:0;
}
.horizontaltabstitlediv table {
}
.horizontaltabstitlediv td {
	padding: 0;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	font-size: 90%;
}

.horizontaltabstitlediv td.middle {
	padding: 5px 3px 0 0; 
	background: #346799 url('img/horizontaltab_middle.gif') repeat-x;
}
.horizontaltabstitlediv td.right {
	background: #346799 url('img/horizontaltab_right.gif') no-repeat;
	width: 14px;
	height: 26px;
}
.horizontaltabstitlediv td.left {
	background: #346799 url('img/horizontaltab_left.gif') no-repeat;
	width: 14px;
	height: 26px;
}

.horizontaltabstitledivexpanded {
	margin-bottom: -1px;
	border-bottom: solid 1px white;
}

.horizontaltabstitledivexpanded td.middle { background: #3399ff url('img/horizontaltab_middle.gif') repeat-x; padding: 5px 0 0; font-weight: bold; color: #3e693f; font-size: 110%; }
	
.horizontaltabstitledivexpanded td.left {
	background: #3399ff url('img/horizontaltab_left.gif') repeat-x;
}
.horizontaltabstitledivexpanded td.right {
	background: #3399ff url('img/horizontaltab_right.gif') repeat-x;
}
.horizontaltabstitledivcollapsed {
	color: #346799;
}
.horizontaltabstitleicon {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
.horizontaltabscontentdiv {
	/*clear: both;*/
}
.horizontaltabspanelspane {
	border: 1px solid #3399ff;
	margin:2px;
	margin-top: 0;
	padding: 5px;
	padding-bottom: 25px;
	margin-bottom: 1px;
	background: white;
}
.verticaltabstitlediv {
	cursor: pointer;
	color: #3e693f;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}
.verticaltabstitlediv table {
	table-layout: fixed;
	width: 100%;
}
.verticaltabstitlediv td {
	padding: 0;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 90%;
}

.verticaltabstitlediv td.left {
	display:none;
}
.verticaltabstitlediv td.middle {
	padding-right: 3px;
	background: #346799 url('img/verticaltab_middle.gif') repeat-x;
}
.verticaltabstitlediv td.right {
	background: #346799 url('img/verticaltab_right.gif') no-repeat;
	width: 14px;
	height: 26px;
}
.verticaltabstitledivexpanded {
	margin-left: -2px;
	background: white;
	position: relative;
	z-index: 2;
}
.verticaltabstitledivexpanded td.middle {
	background: #3399ff url('img/verticaltab_middle.gif') repeat-x;
	font-size: 110%;
	font-weight: bold;
	color: #3e693f;
}
.verticaltabstitledivexpanded td.right {
	background: #3399ff url('img/verticaltab_right.gif') no-repeat;
}

.verticaltabstitledivcollapsed {
	font-weight: normal;
	color: #346799;
}
.verticaltabstitleicon {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
.verticaltabscontentdiv {
	padding: 0;
	margin: 2px;
	margin-right: 0;
	padding-bottom: 25px;
}
.verticaltabstabspane {
	padding: 0;
}
.verticaltabspanelspane {
	border-right: 2px solid #3399ff;
	padding: 0;
	margin-bottom: 1px;
	background: white;
	z-index: 1;
	position: relative;
}
table.SplitPane {
	border-collapse: collapse;
	width: 98%;
	margin: 0;
}
td.SplitPane {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.sortheader {
	color: white;
	background-color: #A0A9A1;
}
.sortheader:link {
	text-decoration: none;
	color: white;
	background-color: #A0A9A1;
}

.floatingreportdata {
	float: left;
	margin: 5px;
	text-align: center;
	font-weight: bold;
}

.helpclick {
	cursor: help;
}

.voicereplyclickableicon {
	cursor: pointer;
	float: right;
}

.voicereplyicon {
	float: right;
}

.pagetitlesubtext button {
    vertical-align: middle;
    margin-left: 10px;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #3399ff;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #C4CCC4;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

#control_overlay {
	background-color:#000;
}
.modal {
	background-color:#fff;
	padding:10px;
	border:10px solid #333;
}

.modalwindow {  
	background-color:#fff;
	border:10px solid #333;
	
	background-position:top left;
} 

.modalwindow .window_contents {
	margin-top:0px;
	padding: 4%;
	width: 92%;
	min-height: 200px;
	overflow: auto;
}

.modalwindow .window_contents ul { list-style-type: disc; margin: 0 0 8px 10px; padding: 0 0 0 20px; font-size: 13px; }
.modalwindow .window_contents ol { list-style-type: decimal; margin: 0 0 8px 10px; padding: 0 0 0 20px; font-size: 13px; }
.modalwindow .window_contents p { margin: 0 0 8px 10px; font-size: 13px; }
.modalwindow .window_contents em { font-style: italic; }

.modalwindow .window_header {
	background-color:#333;
	text-align:center;  
}

.modalwindow .window_title {  
	background-color:graytext;
	padding: 2px;
	font-size: 16px;
	color: #fff;
}

.modalwindow .window_close {  
	display:block;  
	position:absolute;  
	top:4px;  
	right:5px;  
	height:13px;  
	width:13px;  
	background-image:url("img/modalwindowclose.gif");  
	cursor:pointer;  
	cursor:hand;  
}


/*----- Bootstrap modal styles -----*/

.modal-backdrop { background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity: 0.8; z-index: 1040; filter: alpha(opacity=80); }

.modal { position: fixed; left: 50%; top: 50%; max-height: 500px; width: 700px; margin: -250px 0 0 -350px; padding: 0; background-clip: padding-box;  background-color: #FFFFFF; 
border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); z-index: 1050; }

.modal-header { position: relative; background: #fdfdfd; font-size: 21px; margin: 0; padding: 15px; border-bottom: 1px solid #ddd; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; width: 100% }

.modal-body { max-height: 300px; padding: 15px; overflow: auto; }
.modal-body .existing-lists label { float: none; display: block; width: 100%; margin: 0; padding: 8px; text-align: left; line-height: 22px; border-top: 1px solid #ddd; }
.modal-body .existing-lists label:hover { background: #f5f5f5; }
.modal-body .existing-lists label:first-child { border: none; }
.modal-body .existing-lists input[type="checkbox"] { margin: 0 5px 0 0; }
.modal-body .existing-lists span { float: none; padding: 0 5px; }
.modal-body .add-rule .btn { float: none; width: 200px; }

.modal-footer { position: relative; background: #f5f5f5; font-size: 21px; margin: 0; padding: 15px; text-align: right; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.modal-footer .btn { float: none; display: inline-block; }
.modal-footer .btn-primary { color: #fff; border: 1px solid #0039ab; 
	background-color: #006DCC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088CC), to(#0044CC)); 
  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC); 
  background-image:    -moz-linear-gradient(top, #0088CC, #0044CC); 
  background-image:     -ms-linear-gradient(top, #0088CC, #0044CC); 
  background-image:      -o-linear-gradient(top, #0088CC, #0044CC); 
  background-image:         linear-gradient(top, #0088CC, #0044CC);}
.modal-footer .btn-primary:hover { background: #0044cc; color: #fff; }
.modal-footer .btn-primary:active { background: #0037a4; color: #f4f4f4; }
.modal-footer .disabled, .modal-footer button[disabled], .modal-body .disabled, .add-btns .disabled { background: #999; color: #fff; border: 1px solid #777; opacity: 0.7; cursor: default; }
.modal-footer .disabled:hover, .modal-footer button[disabled], .modal-body .disabled:hover, .add-btns .disabled:hover { background: #999; color: #fff; }
.modal-footer .disabled:active, .modal-footer button[disabled], .modal-body .disabled:active, .add-btns .disabled:active { background: #999; color: #fff; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); }


.modal .close { position: absolute; top: 18px; right: 15px; color: #999; font-size: 14px; }
.modal .close:hover { color: #666; text-decoration: none; }
.modal ul { list-style-type: none; margin: 0; padding: 15px; }
.modal ul li { padding: 10px 0; border-bottom: 1px solid #eee; }
.modal ul li:last-child { border: none; }
.modal ul li label { padding: 0 0 0 5px; }
.modal .msg_confirm { margin: 0; padding: 15px; }

.modal_content { padding: 15px; }
.modal_content input[type="text"] { padding: 5px 8px; font-size: 14px; line-height: 19px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; }
.modal_content input[type="text"]:focus { border: 1px solid #58acef; outline: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); }
.modal_content input.btn { border-radius: 0 5px 5px 0; border-left: none; }





div.default-modal {
	display: none;
	max-height: 80%; 
	max-width: 80%; 
	overflow: hidden;
}

div.default-modal .modal-body  {
	max-height: 91%;
    height: 91%;
    padding: 0 0 10px 10px;
    overflow: hidden;
}
div.default-modal iframe {
	width: 100%;
	height: 100%;
}

div.default-modal button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.messagegrid { margin: 5px 0 0; font-family: "Helvetica Neue",helvetica,Arial,sans-serif; }
.messagegrid th { color: #484848; font-size: 12px; text-align: center;}
.messagegrid td { color: #484848; text-align: center;}
.messagegrid .messagegridheader { padding: 2px 20px; }
.messagegrid .messagegridheader img { margin: -3px 0 0 0; }
.messagegrid .messagegridlanguage{ text-align: right; }

.messagegrid .tinybutton{
	margin:0 auto;
	text-align:left;
	padding-top:3px;
	width:33px;
	height:19px;
	cursor: pointer;
	background:url('img/tinybutton.png') no-repeat right center;
}

.keepalive img {
	padding-right: 5px;
}

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

.upload_type { line-height: 17px; }
.upload_type label { display: block; width: 125px; }
.upload_type input { margin: 0 4px 0 0; }

.block_email input, .block_email label { float: left; margin: 7px 5px 0 0; }
.block_email a { display: block; margin: 7px 0 0; }

/*----- New Job and Emergency job table styles -----*/

.htmlradiobuttonbigcheck img { position: absolute; left: 0; top: 25px; /*width: 34px; height: 34px; margin-left: -17px; padding: 0 0 0 50%;*/ }
.htmlradiobuttonbigcheck ol { list-style-type: none; float: left; display: inline; margin: 0; padding: 0 0 0 3px; }
.htmlradiobuttonbigcheck ol li { background: url(img/icons/bullet_blue.gif) center left no-repeat; padding: 0 0 0 20px; font-size: 12px; line-height: 21px; text-align: left; }
.htmlradiobuttonbigcheck button { padding: 0 0 10px 35px; }
.htmlradiobuttonbigcheck .create_btn { float: left; width: 94px; height: 88px; }

.creation_method { position: relative; /*float: left; display: inline; width: 94px;*/ }


/*----- Survey styles -----*/

.survey_banner { margin: 20px 25px; }
.survey_logo { float: left; display: inline; }
.survey_custname { float: right; display: inline; }
.survey_wrap { margin: 0 25px 20px; }

.survey_title { background: #DBDBDB; padding: 15px; font: 18px/21px georgia, arial, sans-serif; text-shadow: 0 1px 0 #fff; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.survey_question { background: #f1f1f1; margin: 0 0 10px 0; padding: 15px; font: 16px/21px georgia, arial, sans-serif; text-shadow: 0 1px 0 #fff; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.survey_question p { margin: 0; padding: 0 0 10px 0; }
.survey_question div { float: left; display: inline; }
.question_num { color: #777; }
.question_choice { border-left: 1px dashed #c2c2c2; margin: 0 0 0 12px; padding: 0 0 0 12px; }
.question_choice span { margin: 0 10px 0 0; }
.question_choice input { margin: 0 5px 0 0; }

input.submit_survey { float: right; padding: 6px 13px; font-size: 16px; color: #e8f0de; border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em; }

input.submit_survey:hover { 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.8); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.8); box-shadow: 0 1px 4px rgba(0,0,0,.8); }

input.submit_survey:active {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); 
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4); box-shadow: inset 0 1px 2px rgba(0,0,0,.4); }
	
	
/*----- Admin settings list styles -----*/

.linkslist { float: left; display: inline; width: 24%; list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.linkslist li { font-size: 13px; padding: 5px; }
.linkslist li.heading { font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; }

/*----- Report page styling -----*/

label.schedule { margin: 0 10px 0 0; }
label.schedule input[type="radio"] { margin: 0 3px 0 0; }

select#reldate { margin: 0 10px 0 0; }

/* +----------------------------------------------------------------+
	 | non-semantic helper classes                                    |
   +----------------------------------------------------------------+ */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* === micro clearfix - http://nicolasgallagher.com/micro-clearfix-hack/ === */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/*----- IE specific styles -----*/

/*----- Scrolling window style settings -----*/
.ie6 div.scrollTableContainer {	margin-right: 20px; }
.ie7 div.scrollTableContainer {	overflow-x: hidden; }

/*----- fixes the link wrapping in the banner -----*/
.ie7 .banner_links_wrap { width: 50%; }
.ie7 .banner_links { float: right; }

/*----- fixes the column layout wrapping in main content window -----*/
.ie7 .window_aside { margin: 0 1.8% 0 0; }
.ie7 .window_main { float: right; margin: 0; }
.ie7 .modal-backdrop { background: none; }

/*----- IE7 classes re-adds the rounded corners for ie7-----*/

.ie7 .window { border: none; }
.ie7 .window_title { background: url("themes/newui/win_t.gif") repeat-x; height: 23px; padding: 0 0 0 20px; line-height: 23px; }
.ie7 .window_title_l { background: url("themes/newui/win_tl.gif") no-repeat; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 23px; }
.ie7 .window_title_r { background: url("themes/newui/win_tr.gif") no-repeat; position: absolute; top: 0; right: 0; display: block; width: 12px; height: 23px; }

.ie7 .window_left { background: url("themes/newui/win_l.gif") top left repeat-y; }
.ie7 .window_right { background: url("themes/newui/win_r.gif") top right repeat-y; }

.ie7 .window_foot_wrap { background: url("themes/newui/win_b.gif") 0 0 repeat-x; height: 15px; }
.ie7 .window_foot_left { background: url("themes/newui/win_bl.gif") top left no-repeat; height: 15px; width: 100%; }
.ie7 .window_foot_right { background: url("themes/newui/win_br.gif") top right no-repeat; height: 15px; width: 100%; }

/*----- IE8 classes re-adds the rounded corners for ie8-----*/

.ie8 .window { border: none; }
.ie8 .window_title { background: url("themes/newui/win_t.gif") repeat-x; height: 23px; padding: 0 0 0 20px; line-height: 23px; }
.ie8 .window_title_l { background: url("themes/newui/win_tl.gif") no-repeat; position: absolute; top: 0; left: 0; display: block; width: 12px; height: 23px; }
.ie8 .window_title_r { background: url("themes/newui/win_tr.gif") no-repeat; position: absolute; top: 0; right: 0; display: block; width: 12px; height: 23px; }

.ie8 .window_left { background: url("themes/newui/win_l.gif") top left repeat-y; }
.ie8 .window_right { background: url("themes/newui/win_r.gif") top right repeat-y; }

.ie8 .window_foot_wrap { background: url("themes/newui/win_b.gif") 0 0 repeat-x; height: 15px; }
.ie8 .window_foot_left { background: url("themes/newui/win_bl.gif") top left no-repeat; height: 15px; width: 100%; }
.ie8 .window_foot_right { background: url("themes/newui/win_br.gif") top right no-repeat; height: 15px; width: 100%; }

.ie8 .btn { overflow: visible; }


/* +----------------------------------------------------------------+
   | Theme include                                                  |
   +----------------------------------------------------------------+ */
   
/* Padding is not added to width of elements, so you can set div etc to the size you want, doesn't work with IE7 or IE9 set with IE7 standards */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*----- New IU theme, uses css.inc.php as basic layout example can be seen in example.css -----*/

/*----- colours
#3399ff lighter blue
#346799 mid blue
#26477d dark blue
#2a4470 darker blue
-----*/

/*----- basics -----*/
html, body { height: 100%; }
body { background: #F5F3F0 url(themes/newui/bodybg.png) repeat; font-family: "Helvetica Neue",helvetica,Arial,sans-serif; }
.wrap { min-height: 100%;  }
/*.wrap { min-height: 100%; width: 100%; min-w  }*/
p { color: #333; font-size: 14px; line-height: 22px; margin: 0 0 11px 0; }
a { color: #0088CC; }
a:hover { color: #005580; text-decoration: underline; }
button { font-family: "Helvetica Neue",helvetica,Arial,sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue",helvetica,Arial,sans-serif; color: #333333; font-weight: bold; margin: 0; text-rendering: optimizelegibility; }
h2 { font-size: 24px; line-height: 44px; text-shadow: 0 1px 0 #fff; }
h2 span.hideshow { font-size: 12px; }
h2 span.hideshow a { color: #fff; }
h3 { line-height: 33px; }
h4 { font-size: 12px; line-height: 22px; color: #235563; text-shadow: 0 1px 0 #fff; }

.light { color: #999; }
.lighten { opacity: 0.5;}

.content_wrap { position: relative; min-width: 985px; margin: 0; padding: 20px 0 85px 0;} /* Removed overflow:auto -- declaring this property causes problems with ckeditor */
#ms .container { position: relative; /*margin: 0 auto;*/ }
.container { margin: 0 10px; }
.contain { position: relative; margin: 0 1%; }
.popup_container { position: relative; margin: 0 auto; padding: 0 10px; }

.newbroadcast {display: inline; margin: 5px 0 15px 0; }
.main_activity { float: left; display: inline; width: 76.5%; margin: 5px 0 15px 0; }
.main_aside { float: right; display: inline; width: 21%; margin: 5px 0 0; }


/*----- Banner -----*/

.banner { background: #346799 url(themes/newui/themebg.jpg) repeat; border-top: 4px solid #222; }
.banner_logo { margin: 30px 0 0; }
.banner_logo h1 { display: block; margin: 0; font-size: 30px; color: #f5f5f5; text-shadow: 0 1px 0 #444; }
.banner_logo .logo { display: none; }

.banner_links_wrap { margin: 50px 0 0 0; }
.banner_links { list-style-type: none; }
.banner_links li { padding: 0 8px; border-right: 1px solid #005580; }
.banner_links li.bl_last { border: none; padding: 0 0 0 8px; }
.banner_links li.bl_left, .banner_links li.bl_right { padding: 0; border: 0; }
.banner_links li a { font-size: 14px; color: #9fbdf6; text-shadow: 0 1px 0 rgba(0,0,0,0.4); }
.banner_links li a:hover { text-decoration: underline; }
.banner_custname { top: 24px; right: 0; text-align: right; font-size: 16px; font-weight: bold; color: #f2f2f2; text-shadow: 0 1px 0 #444; }

.popup_logo { padding: 10px 10px 0 10px; border-top: 4px solid rgba(0,0,0,0.4); }
.popup_logo img { display: none; }
.popup_logo h1 { font-size: 25px; text-shadow: 0 1px 0 #fff; }


/*----- Navigation -----*/

.primary_nav { background: #346799 url(themes/newui/themebg.jpg) repeat; width: 100%; padding: 25px 0 0; border-bottom: 1px solid #2a4470; }
  
.navshortcut { display: none; }
	
.navtabs li { margin: 0 2px -1px 0;}
.navtabs li a { display: block; padding: 14px 18px; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: 0 1px 0 #444; border: 1px solid transparent;
-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.navtabs li a:hover { border: 1px solid #2a4470; 
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); }
.navtabs li.navtab_active a { background: #fff; color: #222; text-shadow: 0 1px 0 #fff; border: 1px solid #2a4470; border-bottom: 1px solid #fff; }

.subnavtabs { background: #fff; padding: 5px 0; border-bottom: 1px solid #b6b6b6; }
.subnavtabs li { position: relative; margin: 5px 10px; }
.subnavtabs a { display: block; margin: 0; padding: 5px 11px; font-size: 14px; color: #26477d; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.subnavtabs a:hover,
.subnavtabs a:active,
.subnavtabs .navtab_active a { background: #e2e2e2; color: #242424; text-decoration: none; }
.subnavtabs .navtab_active:after { content: ''; position: absolute; bottom: -30px; left: 50%; margin-left: -10px; border-color: #fff transparent transparent transparent; border-width: 10px; border-style: solid; }
.subnavtabs .navtab_active:before { content: ''; position: absolute; bottom: -32px; left: 50%; margin-left: -11px; border-color: #B6B6B6 transparent transparent transparent; border-width: 11px; border-style: solid; }


/*----- Content sections -----*/

.sectitle {  }
.secbutton { position: absolute; top: -62px; right: 15px; }
.sectimeline { display: none; }

.pagetitle { font-family: Verdana, Arial, sans-serif; margin: 0 0 10px 0; color: #333; text-shadow: 0 1px 0 #fff; }
.pagetitlesubtext { margin: 0 0 8px 0; }
#ms .pagetitlesubtext { display: none; }

.window { border: none; -webkit-box-shadow: 0px 2px 8px 0px #777; box-shadow: 0px 2px 8px 0px #777;
-webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.window_aside { float: left; display: inline; width: 150px; margin: 0; }
.window_main { width: inherit; margin: 0 0 0 160px; }

.users p { position: relative; background: #F5F3F0 url(themes/newui/bodybg.png) repeat; display: inline-block; margin: 0 0 15px 22px; padding: 0 10px; color: #7F7567; font-size: 20px; line-height: 40px; }
.users select { background: #fff; display: inline; width: 150px; margin: 0 0 0 5px; padding: 4px; font-size: 16px; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; }
.users:before { content: ''; position: relative; top: 20px; left: 0; background: #bbb; height: 1px; width: 100%; }

/*----- Activity summary -----*/

.window_title_wrap { position: relative; padding: 5px 22px; border: 1px solid #2A6576; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5);
	background-color: #3F90A9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#48A3BE), to(#317589)); 
  background-image: -webkit-linear-gradient(top, #48A3BE, #317589); 
  background-image:    -moz-linear-gradient(top, #48A3BE, #317589); 
  background-image:     -ms-linear-gradient(top, #48A3BE, #317589); 
  background-image:      -o-linear-gradient(top, #48A3BE, #317589); 
  background-image:         linear-gradient(top, #48A3BE, #317589); }
.window_title_wrap h2 { display: inline-block; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); }
.window_title_wrap h3 { display: inline-block; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); }

.btngroup { position: absolute; right: 22px; top: 13px; }
.btngroup button { background: #f1f1f1; float: left; display: inline; color: #444; margin: 0; padding: 5px 8px; font-size: 13px; text-shadow: 0 1px 0 #fff; 
border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: none; -webkit-border-radius: 0px; border-radius: 0px; 
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); }
.btngroup button:first-child { border-left: 1px solid #bbb; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.btngroup button:last-child { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.btngroup button:hover { background: #e7e7e7; }
.btngroup button.active { background: #e4e4e4; -webkit-box-shadow: inset 0px 1px 4px 0 rgba(0,0,0,0.2); box-shadow: inset 0px 1px 4px 0 rgba(0,0,0,0.2); }

.summary { margin: 0 0 15px; }
.summary .window_body_wrap { background: #DFEFF3; padding: 20px 0; border: 1px solid #93C9D9; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.summary .col { float: left; display: inline; width: 25%; margin: 0 0 0 1%; padding: 7px 2%; text-align: center; }
.summary .col:first-child { width: 20%; }
.summary .col p { margin: 0; }
.summary .col li { font-size: 14px; line-height: 22px; }
.summary .col li span { display: inline-block; width: 30px; font-weight: bold; color: #48A3BE; }
.summary .col li img { background: #555; display: inline-block; }
.summary strong { font-weight: bold; font-size: 52px; line-height: 52px; }
.summary .bloc { background: #fff; height: 140px; text-align: left; border: 1px solid #93C9D9; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap;overflow: hidden;}
.summary img.dashboard_graph { width: 55%; margin: 0 5px 0 0; }
.summary ul { float: left; }
.summary .ellipsis { white-space: nowrap; width: 150px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }


/*----- Broadcasts -----*/

.broadcasts { background: none; margin: 0 0 15px; }
.broadcasts .window_title_wrap { border: 1px solid #222; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5);
	background-color: #363636;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 
  background-image: -webkit-linear-gradient(top, #444, #222); 
  background-image:    -moz-linear-gradient(top, #444, #222); 
  background-image:     -ms-linear-gradient(top, #444, #222); 
  background-image:      -o-linear-gradient(top, #444, #222); 
  background-image:         linear-gradient(top, #444, #222); }
.broadcasts .window_title_wrap h2 { display: inline-block; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); }
.broadcasts .window_body_wrap { background: #fff; padding: 15px 2%; border: 1px solid #eee; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.broadcasts h3 span { font-weight: normal; color: #ccc; }
.broadcasts div.nocontent { padding: 40px 0 45px 0; text-align: center;font-size: 20px; font-weight: normal; }


/*----- Big Broadcast button -----*/

div.bigbtn { padding: 10px 0; }

a.bigbtn { display: block; margin: 0 0 25px 0; padding: 14px 7px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; border: 3px solid #AE330D;
-webkit-border-radius: 8px; border-radius: 8px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); 
background-color: #DF5023;  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F05E31), to(#C63A0E)); 
  background-image: -webkit-linear-gradient(top, #F05E31, #C63A0E); 
  background-image:    -moz-linear-gradient(top, #F05E31, #C63A0E); 
  background-image:     -ms-linear-gradient(top, #F05E31, #C63A0E); 
  background-image:      -o-linear-gradient(top, #F05E31, #C63A0E); 
  background-image:         linear-gradient(top, #F05E31, #C63A0E); }
a.bigbtn:hover { background-color: #C63A0E; text-decoration: none; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e35326), to(#C63A0E)); 
  background-image: -webkit-linear-gradient(top, #e35326, #C63A0E); 
  background-image:    -moz-linear-gradient(top, #e35326, #C63A0E); 
  background-image:     -ms-linear-gradient(top, #e35326, #C63A0E); 
  background-image:      -o-linear-gradient(top, #e35326, #C63A0E); 
  background-image:         linear-gradient(top, #e35326, #C63A0E);}
a.bigbtn span { background: url(themes/newui/broadcast.png) 0 center no-repeat; display: block; line-height: 30px; padding: 0 0 0 30px; }

/*----- .dash_alert - used for facebook alerts and unplayed message alerts -----*/

.dash_alert { background-color: #F8F870; margin: 0 0 25px 0; padding: 11px 15px; font-size: 14px; line-height: 22px; font-weight: bold;
-webkit-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) inset; }
.dash_alert a { display: block; }

  
/*----- Broadcast templates -----*/

.templates { margin: 0 0 25px 0; padding: 11px 15px; background-color: #EBE7E1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F3F0), to(rgba(245, 243, 240, 0))); 
  background-image: -webkit-linear-gradient(center top , #F5F3F0, rgba(245, 243, 240, 0)); 
  background-image:    -moz-linear-gradient(center top , #F5F3F0, rgba(245, 243, 240, 0)); 
  background-image:     -ms-linear-gradient(center top , #F5F3F0, rgba(245, 243, 240, 0)); 
  background-image:      -o-linear-gradient(center top , #F5F3F0, rgba(245, 243, 240, 0)); 
  background-image:         linear-gradient(center top , #F5F3F0, rgba(245, 243, 240, 0));
-webkit-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) inset; }
.templates h3 { font-size: 14px; text-transform: uppercase; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); border-bottom: 1px solid #D6CEC2; cursor: pointer}
.templates li { font-size: 14px; line-height: 22px; padding: 4px 0; border-bottom: 1px solid #D6CEC2; }
.templates a.newtemplate { float: right; padding: 4px 0; font-size: 14px; line-height: 22px; }

/*----- Help section -----*/

.help { background-color: #F5F3F0; padding: 11px 15px; border: 1px solid #D6CEC2; -webkit-border-radius: 5px; border-radius: 5px; }
.help h3 { font-size: 16px; }


/*------ Message sender ----- */

.newbroadcast .window_title_wrap { padding: 5px 10px 15px 10px; border: 1px solid #2A6576; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); 
	background-color: #3F90A9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#48A3BE), to(#317589)); 
  background-image: -webkit-linear-gradient(top, #48A3BE, #317589); 
  background-image:    -moz-linear-gradient(top, #48A3BE, #317589); 
  background-image:     -ms-linear-gradient(top, #48A3BE, #317589); 
  background-image:      -o-linear-gradient(top, #48A3BE, #317589); 
  background-image:         linear-gradient(top, #48A3BE, #317589); }
.newbroadcast h2 { padding: 10px 0; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); }
.newbroadcast section { background: #fff; border-bottom: 1px solid #eee; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.show { display: block; }
.hide { display: none; }

.msg_steps { }
.msg_steps li { position: relative; float: left; display: inline; width: 33.333%; cursor: pointer; border-top: 1px solid #444; border-bottom: 1px solid #444;
-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.4); box-shadow: 0 1px 0 0 rgba(255,255,255,0.4); }
.msg_steps li a { display: block; height: 52px; padding: 0 0 0 34px; line-height: 52px; font-size: 14px; color: #777; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #fdfdfd;
outline: 0px; text-decoration: none; }
.msg_steps li.step1 a { padding: 0 0 0 10px; }
.msg_steps li.active a { color: #fff; text-shadow: 0 1px 1px #222; }
.msg_steps li.complete a { color: #C9E3BB; text-shadow: 0 1px 1px #222; }
.msg_steps li .icon { float: left; height: 30px; width: 30px; margin: 10px 5px 0 0; }

.msg_steps li.step1 { background: #4B9523; border-left: 1px solid #444; border-radius: 8px 0 0 8px; }
.msg_steps li.step2 { background: #f1f1f1; }
.msg_steps li.step3 { background: #f1f1f1; border-right: 1px solid #444; border-radius: 0 8px 8px 0; }

.msg_steps li + li a:after { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -26px; 
border-color: transparent transparent transparent #f1f1f1; border-width: 26px; border-style: solid; }
.msg_steps li + li a:before { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -27px; 
border-color: transparent transparent transparent #777; border-width: 27px; border-style: solid; }

.msg_steps li.active.step2 { background: #4B9523; }
.msg_steps li.active.step3 { background: #4B9523; }

.msg_steps li.active + li a:after { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -26px; 
border-color: transparent transparent transparent #4B9523; border-width: 26px; border-style: solid; }
.msg_steps li.active + li a:before { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -27px; 
border-color: transparent transparent transparent #222; border-width: 27px; border-style: solid; }

.msg_steps li.complete.step1 { background: #3A5F27; }
.msg_steps li.complete.step2 { background: #3A5F27; }

.msg_steps li.complete + li a:after { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -26px; 
border-color: transparent transparent transparent #3A5F27; border-width: 26px; border-style: solid; }
.msg_steps li.complete + li a:before { content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -27px; 
border-color: transparent transparent transparent #222; border-width: 27px; border-style: solid; }

.msg_steps li.step1 .icon { background: url(themes/newui/msgstep_icon.png) 0 -35px no-repeat; }
.msg_steps li.step2 .icon { background: url(themes/newui/msgstep_icon.png) -35px 0 no-repeat; }
.msg_steps li.step3 .icon { background: url(themes/newui/msgstep_icon.png) -70px 0 no-repeat; }

.msg_steps li.step2.active .icon { background: url(themes/newui/msgstep_icon.png) -35px -35px no-repeat; }
.msg_steps li.step3.active .icon { background: url(themes/newui/msgstep_icon.png) -70px -35px no-repeat; }

.msg_steps li.step1.complete .icon,
.msg_steps li.step2.complete .icon,
.msg_steps li.step3.complete .icon { background: url(themes/newui/msgstep_icon.png) 0 -70px no-repeat; }
.msg_steps li.complete a:hover .icon { background: url(themes/newui/msgstep_icon.png) -35px -70px no-repeat; }



.window_panel { margin: 15px 10px 0; font-size: 14px; }
.window_panel a { color: #0088CC; }
.window_panel a:hover { color: #005580; text-decoration: underline; }
.window_panel .icon { display: inline-block; height: 14px; width: 14px; vertical-align: top; }
.window_panel .btn { display: inline-block; padding: 5px 10px; margin: 0; color: #333; }
.window_panel .btn:hover { color: #222; text-decoration: none; }
.window_panel .record { float: left; display: inline; line-height: 18px; margin: 0 0 0 5px; color: #fff; border: 1px solid #9f320f; 
	background-color: #CF451A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E84F1F), to(#A93611)); 
  background-image: -webkit-linear-gradient(top, #E84F1F, #A93611); 
  background-image:    -moz-linear-gradient(top, #E84F1F, #A93611); 
  background-image:     -ms-linear-gradient(top, #E84F1F, #A93611); 
  background-image:      -o-linear-gradient(top, #E84F1F, #A93611); 
  background-image:         linear-gradient(top, #E84F1F, #A93611); }
.window_panel .record.btn { float: none; }
.window_panel .record:hover { background: #a93611; color: #fff; }
.window_panel .record i.icon-white, .call-progress span.icon { background: url(themes/newui/record.png) 0 center no-repeat; margin: 2px 3px 0 0; }
.window_panel .audioleft { border-radius: 5px 0 0 5px; margin: 0; }
.window_panel .audioright { border-radius: 0 5px 5px 0; margin-left: -1px; }

.window_panel .btn_confirm, #send_now_broadcast, .btn_select { color: #fff; border: 1px solid #0039ab; 
	background-color: #006DCC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088CC), to(#0044CC)); 
  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC); 
  background-image:    -moz-linear-gradient(top, #0088CC, #0044CC); 
  background-image:     -ms-linear-gradient(top, #0088CC, #0044CC); 
  background-image:      -o-linear-gradient(top, #0088CC, #0044CC); 
  background-image:         linear-gradient(top, #0088CC, #0044CC);}
.window_panel .btn_confirm:hover, #send_now_broadcast:hover, .btn_select:hover { background: #0044cc; color: #fff; }
.window_panel .btn_confirm:active, #send_now_broadcast:active, .btn_select:active { background: #0037a4; color: #f4f4f4; }
.window_panel .btn_confirm span.icon, .btn_select span.icon { background: url(themes/newui/arrow.png) right 2px no-repeat; }

.window_panel .btn_save { color: #676003; border: 1px solid #dcd13e; 
	background-color: #fff568;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff568), to(#e6db47)); 
  background-image: -webkit-linear-gradient(top, #fff568, #e6db47); 
  background-image:    -moz-linear-gradient(top, #fff568, #e6db47); 
  background-image:     -ms-linear-gradient(top, #fff568, #e6db47); 
  background-image:      -o-linear-gradient(top, #fff568, #e6db47); 
  background-image:         linear-gradient(top, #fff568, #e6db47);}
.window_panel .btn_save:hover { background: #e6db47; color: #5d5702; }
.window_panel .btn_save:active { background: #e6db47; color: #5d5702; border-color: #c5ba2c; }

h3.flag { padding: 5px 22px; font-size: 18px; color: #fff; border: 1px solid #222; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
-webkit-box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.5);
	background-color: #363636;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 
  background-image: -webkit-linear-gradient(top, #444, #222); 
  background-image:    -moz-linear-gradient(top, #444, #222); 
  background-image:     -ms-linear-gradient(top, #444, #222); 
  background-image:      -o-linear-gradient(top, #444, #222); 
  background-image:         linear-gradient(top, #444, #222); }
  
.window_panel form { padding: 20px 0; border: 1px solid #ccc; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.field_wrapper { margin: 0 0 20px 0; padding: 20px 0; border: 1px solid #ccc; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

#error .field_wrapper, #loading .field_wrapper {
  padding: 20px;
}
  .error_list {
    color: rgb(202, 86, 86);
    list-style: disc;
    margin: 0 0 0 20px;
  }

.add_recipients { margin: 0 0 20px 0; padding: 20px; border: 1px solid #ccc; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.add_recipients form { border: none; }
.tab_panel { background: #fafafa; padding: 5px 0 0; border: 1px solid #ccc; -webkit-border-radius: 8px; border-radius: 8px; }
.social_tab { border-bottom: 1px solid #ddd; }
.social_tab:last-child { border: none; }
.add_btn { margin: 0 0 20px 0; }

.review_subject label, .review_type label, .review_count, .review_message label {
  font-weight: bold;
}
.review_count, 
.window_panel .review_count p { color: #E84F1F; }


#msg_section_3 hr {
  margin: 1em auto;
  width: 95%;
}


/*----- Information tables -----*/

table.info { background: #fff; width: 100%; max-width: 100%; margin: 0 0 22px 0; border-collapse: separate; border-spacing: 0; font-size: 13px; line-height: 22px; 
border-left: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; }
table.info thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { border-radius: 4px 0 0 0; }
table.info th { background: #eee; font-weight: bold; vertical-align: bottom; line-height: 22px; padding: 8px; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.info a.remove { background: url(themes/newui/removelist.png) left 0 no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
table.info a.remove:hover { background: url(themes/newui/removelist.png) left -22px no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
table.info td { padding: 4px; border-bottom: 1px solid #ddd; }
table.info th:first-child { text-align: right; }
table.jobprogress th:first-child {text-align: left;}
table.info td:first-child { width: 100px; text-align: right;}
table.info td:nth-child(2) { width: 100px; white-space: nowrap;}
table.info td:nth-child(4) { width: 40px;}
table.info td:nth-child(5) { width: 85px;}
table.info td:last-child { width: 40px;}
table.info span.activejob { display: inline-block; width: 150px; color: white; font-weight: bold; text-align: center; background: url('img/candybarcall.gif') center no-repeat; background-size: 100% 70%;}

.table-bordered { background: #fff; width: 100%; max-width: 100%; margin: 0 0 22px 0; border-collapse: separate; border-spacing: 0; font-size: 13px; line-height: 22px; 
border-left: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; }
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { border-radius: 4px 0 0 0; }
.table-bordered th { background: #eee; font-weight: bold; vertical-align: bottom; line-height: 22px; padding: 8px; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.lists th { background: #f6f6f6; }
.table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th { border-left: 1px solid #DDDDDD; }

/*
	FIXME this is not the correct way of styling the remove list button, it was designed so that the child element would be styled, not the anchor. 
	style ".icon-remove" (which is attached to a child element), not ".table-bordered a.remove"
	the classes "action remove" added to the anchor tag are used for some kind of internal action jquery magic.
*/
.table-bordered a.remove { background: url(themes/newui/removelist.png) left 0 no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.table-bordered a.remove:hover { background: url(themes/newui/removelist.png) left -22px no-repeat; }

/*
	FIXME see above, similar incorrect styling as remove button, but just copying for now to get working
*/
.table-bordered a.save { background: url(themes/newui/savelist.png) left 0 no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.table-bordered a.save:hover { background: url(themes/newui/savelist.png) left -22px no-repeat; }

.table-bordered a.preview { background: url(themes/newui/previewlist.png) left 0 no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.table-bordered a.preview:hover { background: url(themes/newui/previewlist.png) left -22px no-repeat; }

.table-bordered td { border-bottom: 1px solid #ddd; }

table.messages { width: 100%; margin: 0; font-size: 13px; line-height: 36px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
table.messages.head { margin: 10px 0 0 0;}
table.messages th { background: #eee; padding: 0 8px; }
table.messages .ico { width: 40px; text-align: center; }
table.messages .created { width: 90px; }
table.messages th, table.messages td { font-size: 14px; text-align: left; border-top: 1px solid #ddd; cursor: pointer; }
table.messages td { padding: 0 8px; border-bottom: 1px solid #ccc; }
table.messages tr:hover td { background: #e1eaf4; border-top: 1px solid #8cb2e0; }
tr.selected { background: rgb(228, 225, 153); }
table.messages tr.selected:hover td { background: rgb(228, 224, 187);  }
table.messages span.icon { background: url(themes/newui/dktick.png) 50% 11px no-repeat; display: block; text-indent: -9999px; }

table.rules { margin: 0 0 10px 0; }
table.rules tr.saved-rule { color: #366C19; }
table.rules tr.new-rule { background-color: transparent; }
table.rules tr.saved-rule td { border-bottom: 1px solid #ddd; }
table.rules td { vertical-align: top; width: 145px; padding: 6px; line-height: 30px; }
table.rules td:first-child { width: 30px; text-align: center; }
table.rules td select, table.rules td input[type="text"] { width: 145px; padding: 5px; }
table.rules td label { float: none; display: block; width: 145px; margin: 0; text-align: left; }
table.rules td input[type="checkbox"] { margin: 0 5px 0 0; }
table.rules .value-options { overflow: auto; max-height: 200px; }
table.rules .value-options label { width: auto; }
table.rules td .btn { display: inline-block; margin: 0 4px 0 0; line-height: 18px; }
table.rules td .cancel { display: inline-block; padding: 6px 0; font-size: 14px; line-height: 18px; }
table.rules td a.remove { background: url(themes/newui/removelist.png) left 0 no-repeat; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
table.rules td a.remove:hover { background: url(themes/newui/removelist.png) left -22px no-repeat; }

#new-rule-value { 
  width: 190px;
}

.scroll { max-height: 230px; overflow: auto; }

input[name=msgsndr_msggroup] { 
  display: none;
}

/*----- Message buttons -----*/

.msg_content_nav { list-style-type: none; margin: 15px 0; padding: 0; }
.msg_content_nav li { position: relative; float: left; display: inline; width: 23.5%; margin-left: 2%; }
.msg_content_nav li:first-child { margin: 0; }
.msg_content_nav button { display: block; background: #f5f5f5; width: 100%; padding: 9px 12px; font-size: 20px; line-height: 23px; text-align: left; color: #888; border-radius: 5px; border: 1px solid #ccc; }
.msg_content_nav button:hover { background: #ededed; color: #888; text-decoration: none; }
.msg_content_nav button span { color: #444; font-weight: bold; }

.msg_content_nav li button span.icon { background: url(themes/newui/add.png) 0 center no-repeat; width: 16px; margin: 4px 0 0; }
.msg_content_nav li.ophone button span.icon   { background-image: url(themes/newui/phone.png) }
.msg_content_nav li.oemail button span.icon   { background-image: url(themes/newui/email.png) }
.msg_content_nav li.osms button span.icon     { background-image: url(themes/newui/sms.png) }
.msg_content_nav li.osocial button span.icon  { background-image: url(themes/newui/social.png) }

.msg_content_nav li.lighten button:hover { 
  cursor: auto;
}

.msg_content_nav li.active button { background: #363636; color: #f9f9f9; border-color: #222; 
-webkit-box-shadow: inset 0px 1px 3px 0px #111; 
   -moz-box-shadow: inset 0px 1px 3px 0px #111; 
        box-shadow: inset 0px 1px 3px 0px #111; }
        
.msg_content_nav li.active button:after { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; display: block; width: 0; height: 0; 
border-color: #222222 transparent transparent; border-style: solid; border-width: 12px 12px 0; }
.msg_content_nav li.active button span { color: #f9f9f9; }
.msg_content_nav li.active button span.icon { background: url(themes/newui/pencil.png) 0 center no-repeat; }

.msg_content_nav li.complete button { background: #499122; color: #fbfbfb; text-shadow: 0 1px 1px #222; border-color: #3a7a17; 
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5); 
   -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5); 
        box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.5); }
        
.msg_content_nav li.complete.active button { border-bottom-color: #499122; }
.msg_content_nav li.complete.active button:after { content: ""; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; display: block; width: 0; height: 0; 
border-color: #499122 transparent transparent; border-style: solid; border-width: 12px 12px 0; }
.msg_content_nav li.complete button span { color: #fbfbfb; }
.msg_content_nav li.complete button span.icon { background-image: url(themes/newui/tick.png) }
.msg_content_nav li.complete:hover button span.icon { background-image: url(themes/newui/pencil.png) }

/*----- Message content -----*/

.tab_content { margin: 0 0 20px 0; }
.tab_panel form { border-radius: 8px; }

.msg_complete { list-style-type: none; margin: 5px 0; padding: 0; }
.msg_complete li { position: relative; float: left; width: 23%; display: block; background: #f5f5f5; /*width: 95%;*/ margin: 0 0 0 2%; padding: 9px 14px; font-size: 20px; line-height: 23px; text-align: left; font-weight: bold; color: #444; border-radius: 5px; border: 1px solid #ccc; opacity: .5;}
.msg_complete li:first-child { marign: 0;}
.msg_complete button:hover { color: #444; text-decoration: none; cursor: default;}
.msg_complete li.complete /*button */{ background: #499122; color: #fbfbfb; text-shadow: 0 1px 1px #222; border: 1px solid #3A7A17; opacity: 1;
-webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5); }

.msg_complete li span.icon { background: url(themes/newui/remove.png) 0 center no-repeat; width: 16px; display: inline-block; margin: 4px 0 0; }
.msg_complete li.complete span.icon { background: url(themes/newui/tick.png) 0 center no-repeat; width: 16px; display: inline-block; }

.msg_confirm { background: #F9F8F6; margin: 0 -10px; padding: 22px 21px; text-align: right; border-radius: 0 0 5px 5px; border-top: 1px solid #DDDDDD; }


/*----- List page styles -----*/

.feed_btn_wrap { position: absolute; top: -45px; right: 13px; margin: 0; padding: 0; border: none; }
.feed_btn_wrap .btn { float: left; display: inline; margin: 0 0 0 10px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: none; }
.feed_btn_wrap .btn:hover { background: #e7e7e7; }
.feed_btn_wrap .btn.active { background: #e4e4e4; -webkit-box-shadow: inset 0px 1px 4px 0 rgba(0,0,0,0.2); box-shadow: inset 0px 1px 4px 0 rgba(0,0,0,0.2); }

/*----- table overrides for list styles -----*/

table.list { background: #fff; width: 100%; margin: 0 0 20px 0; font-size: 12px; line-height: 18px; }
table.list th { background: #eee; padding: 5px; font-weight: bold; text-align: left; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
table.list td { padding: 5px; border-bottom: 1px solid #ccc; }
table.list ul li { padding: 0; }

.bottomBorder { border-bottom: 1px solid #ccc; }
.windowRowHeader { color: #484848; width: 115px; }


/*----- Buttons, changes to the basic buttons featured across the site -----*/

/* reset the buttons for newui theme so background images aren't loaded */
.btn:hover .btn_middle { background-image: none; background: transparent;}

button, .btn { width: auto; margin: 0 5px 0 0; padding: 5px 6px; color: #333; font-size: 14px; line-height: 19px; font-weight: normal; overflow: visible;
  /*text-shadow: 0 1px 0 #fff; */
  border: 1px solid #ccc;
	background-color: #f5f5f5;  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4)); 
  background-image: -webkit-linear-gradient(top, #fbfbfb, #e4e4e4); 
  background-image:    -moz-linear-gradient(top, #fbfbfb, #e4e4e4); 
  background-image:     -ms-linear-gradient(top, #fbfbfb, #e4e4e4); 
  background-image:      -o-linear-gradient(top, #fbfbfb, #e4e4e4); 
  background-image:         linear-gradient(top, #fbfbfb, #e4e4e4);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); 
	   -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); 
	        box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

button:hover, .btn:hover { background-color: #e7e7e7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dedede)); 
  background-image: -webkit-linear-gradient(top, #f2f2f2, #dedede); 
  background-image:    -moz-linear-gradient(top, #f2f2f2, #dedede); 
  background-image:     -ms-linear-gradient(top, #f2f2f2, #dedede); 
  background-image:      -o-linear-gradient(top, #f2f2f2, #dedede); 
  background-image:         linear-gradient(top, #f2f2f2, #dedede); }
	        
button:active, button.active, .btn:active, .btn.active { background-color: #d9d9d9;  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dedede)); 
  background-image: -webkit-linear-gradient(top, #e9e9e9, #dedede); 
  background-image:    -moz-linear-gradient(top, #e9e9e9, #dedede); 
  background-image:     -ms-linear-gradient(top, #e9e9e9, #dedede); 
  background-image:      -o-linear-gradient(top, #e9e9e9, #dedede); 
  background-image:         linear-gradient(top, #e9e9e9, #dedede);
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25); 
		 -moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25); 
	        box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);  }

.window_panel button[disabled], .window_panel button[disabled]:hover, #send_now_broadcast[disabled], #send_now_broadcast[disbaled]:hover, .btn:disabled {
  background-color: rgb(100,100,100);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#AAA)); 
  background-image: -webkit-linear-gradient(top, #999, #AAA); 
  background-image:    -moz-linear-gradient(top, #999, #AAA); 
  background-image:     -ms-linear-gradient(top, #999, #AAA); 
  background-image:      -o-linear-gradient(top, #999, #AAA); 
  background-image:         linear-gradient(top, #999, #AAA);
  border: 1px solid #eee;
  color: rgb(240,240,240);
  cursor: default;
}

.paste-from {
  float: right;
  margin: 0 4% 10px 0;
}

.window_panel button .play { background: url(themes/newui/play.png) 0 center no-repeat; margin: 2px 0 0; }
.window_panel a.toggle-more, a.toggle-translations { background: url(themes/newui/bluearo.png) 2px 4px no-repeat; padding: 0 0 0 15px; }
.window_panel a.toggle-more.active, a.toggle-translations.active { background: url(themes/newui/bluearo-down.png) 2px 4px no-repeat; }

.msg_complete button[disabled], .msg_complete button[disabled]:hover { background: #f5f5f5; color: #444; border: 1px solid #ccc; opacity: 0.5; }
.msg_complete li.complete button[disabled], .msg_complete li.complete button[disabled]:hover { background: #499122; color: #fbfbfb; border: 1px solid #3A7A17; opacity: 1; }

.btn_left, .btn_right { display: none; width: 0px; }
.btn_middle { background: none; height: 20px; margin: 0; padding: 0 5px; font-size: 13px; line-height: 20px; }

/* !!! TODO: Change this to an animated gif for cross browser support !!! */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

#msgsndr_recording_preview .modal_content { text-align: center; }

/*----- list picker styles, taken from mockup -----*/

.add-recipients { margin: 0 20px; }
.add-recipients .add-btns { margin: 0 0 20px 0; }
.btn-group:after {
	clear: both;
}
.btn-group:before, .btn-group:after {
	content: "";
	display: table;
}
.btn-group:before, .btn-group:after {
	content: "";
	display: table;
}
.add-recipients .btn { float: left; display: inline; vertical-align: middle; }
.add-recipients span { float: left; padding: 5px 8px; line-height: 19px;}
.add-recipients .add-btns .btn-group { float: left; display: inline; }
.btn-group {
	position: relative;
}
.btn-group .dropdown-toggle {
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	padding-left: 8px;
	padding-right: 8px;
}
.btn-group .btn:first-child {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.btn-group .btn:last-child, .btn-group .dropdown-toggle {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.btn-group .btn {
	float: left;
	margin-left: -1px;
	position: relative;
}
.btn-group.open .dropdown-toggle {
	background-image: none;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline: 0 none;
}.btn-group.open .dropdown-menu {
	border-radius: 5px 5px 5px 5px;
	display: block;
	margin-top: 1px;
}
.dropdown-menu {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border-color: rgba(0, 0, 0, 0.2);
	border-radius: 0 0 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	left: 0;
	list-style: none outside none;
	margin: 0;
	min-width: 160px;
	padding: 4px 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}
.dropdown-menu a {
	clear: both;
	color: #555555;
	display: block;
	font-weight: normal;
	line-height: 22px;
	padding: 3px 15px;
	white-space: nowrap;
	cursor: pointer;
}

.btn .caret { margin: 8px 0 0; padding: 5px 0 2px 0; }
.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000000;
	content: "↓";
	display: inline-block;
	height: 0;
	opacity: 0.3;
	text-indent: -99999px;
	vertical-align: top;
	width: 0;
}

.add-recipients table.lists tr.new td {
	-moz-transition: background 3s ease 0s;
	background: none repeat scroll 0 0 #FFFF9C;
	line-height: 22px;
	text-align: left;
}
.add-recipients table.lists tr.new td.flashed { background: none repeat scroll 0 0 #FFFFFF; }
.add-recipients table.lists tr td:first-child { padding-right: 0; width: 60px; }
.add-recipients table.lists tr td { vertical-align: top; }

.add-rule a.btn { padding: 7px 10px; color: #FFFFFF; font-weight: bold; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); border-color: #366C19;
	background-color: #499122;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#55AA28), to(#366C19)); 
  background-image: -webkit-linear-gradient(top, #55AA28, #366C19); 
  background-image:    -moz-linear-gradient(top, #55AA28, #366C19); 
  background-image:     -ms-linear-gradient(top, #55AA28, #366C19); 
  background-image:      -o-linear-gradient(top, #55AA28, #366C19); 
  background-image:         linear-gradient(top, #55AA28, #366C19); }
.add-rule a.btn:hover { background: #366C19; color: #fff; }
.add-rule a.btn .icon-plus { background: url("themes/newui/cross.png") 0 center no-repeat; display: inline-block; height: 14px; width: 16px; margin: 4px 0 0; vertical-align: top; }

/*----- Bootstrap modal styles -----*/

.modal-backdrop { background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity: 0.8; z-index: 1040; filter: alpha(opacity=80); }

.modal { position: fixed; left: 50%; top: 50%; max-height: 500px; width: 700px; margin: -250px 0 0 -350px; padding: 0; background-clip: padding-box;  background-color: #FFFFFF; 
border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); z-index: 1050; }

.modal-header { position: relative; background: #fdfdfd; font-size: 21px; margin: 0; padding: 15px; border-bottom: 1px solid #ddd; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }

.modal-body { max-height: 300px; padding: 15px; overflow: auto; }
.modal-body .existing-lists label { float: none; display: block; width: 100%; margin: 0; padding: 8px; text-align: left; line-height: 22px; border-top: 1px solid #ddd; }
.modal-body .existing-lists label:hover { background: #f5f5f5; }
.modal-body .existing-lists label:first-child { border: none; }
.modal-body .existing-lists input[type="checkbox"] { margin: 0 5px 0 0; }
.modal-body .existing-lists span { float: none; padding: 0 5px; }
.modal-body .add-rule .btn { float: none; width: 200px; }

.modal-footer { position: relative; background: #f5f5f5; font-size: 21px; margin: 0; padding: 15px; text-align: right; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.modal-footer .btn { float: none; display: inline-block; }
.modal-footer .btn-primary { color: #fff; border: 1px solid #0039ab; 
	background-color: #006DCC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088CC), to(#0044CC)); 
  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC); 
  background-image:    -moz-linear-gradient(top, #0088CC, #0044CC); 
  background-image:     -ms-linear-gradient(top, #0088CC, #0044CC); 
  background-image:      -o-linear-gradient(top, #0088CC, #0044CC); 
  background-image:         linear-gradient(top, #0088CC, #0044CC);}
.modal-footer .btn-primary:hover { background: #0044cc; color: #fff; }
.modal-footer .btn-primary:active { background: #0037a4; color: #f4f4f4; }
.modal-footer .disabled, .modal-footer button[disabled], .modal-body .disabled, .add-btns .disabled { background: #999; color: #fff; border: 1px solid #777; opacity: 0.7; cursor: default; }
.modal-footer .disabled:hover, .modal-footer button[disabled], .modal-body .disabled:hover, .add-btns .disabled:hover { background: #999; color: #fff; }
.modal-footer .disabled:active, .modal-footer button[disabled], .modal-body .disabled:active, .add-btns .disabled:active { background: #999; color: #fff; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); }


.modal .close { position: absolute; top: 18px; right: 15px; color: #999; font-size: 14px; }
.modal .close:hover { color: #666; text-decoration: none; }
.modal ul { list-style-type: none; margin: 0; padding: 15px; }
.modal ul li { padding: 10px 0; border-bottom: 1px solid #eee; }
.modal ul li:last-child { border: none; }
.modal ul li label { padding: 0 0 0 5px; }
.modal .msg_confirm { margin: 0; padding: 15px; }

.modal_content { padding: 15px; }
.modal_content input[type="text"] { padding: 5px 8px; font-size: 14px; line-height: 19px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; }
.modal_content input[type="text"]:focus { border: 1px solid #58acef; outline: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); }
.modal_content input.btn { border-radius: 0 5px 5px 0; border-left: none; }


/*---------- Message sender form ----------*/

li.notactive { display: none; }
.hidden { display: none;}

.window_panel fieldset { padding: 0 0 15px 0; }
.window_panel fieldset.check { padding: 15px 0; }
.window_panel hr { background: #CCCCCC; margin: 0 20px 15px; }
/*.window_panel fieldset.checklast { margin: 0; padding: 6px 0 16px 0px; }*/
.window_panel input[type="text"],
.window_panel select,
.window_panel textarea { display: inline-block; width: 300px; padding: 5px; font-size: 14px; line-height: 18px; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
.window_panel input[type="text"]:focus,
.window_panel select:focus,
.window_panel textarea:focus { border: 1px solid #58acef; outline: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); }
.window_panel label { float: left; display: inline; width: 140px; margin: 0 10px 0 0; padding: 6px 0; font-size: 14px; line-height: 18px; text-align: right; }
.window_panel input.small { float: left; width: 135px; }
.window_panel input.easycallphoneinput { width: 135px; }
.window_panel textarea { /*max-width: 300px; min-width: 300px;*/ width: 96%; min-height: 100px; }
.window_panel select { font-size: 14px; padding: 4px 5px; }
.window_panel option { width: 300px; }
.window_panel input[type="checkbox"] { margin: 9px 5px 0 0; }
.window_panel .addme { float: left; display: inline; text-align: left; width: inherit; }
.window_panel .fbicon { background: url(themes/newui/facebook.jpg) 180px 0 no-repeat; }
.window_panel .twiticon { background: url(themes/newui/twitter.jpg) 180px 0 no-repeat; }
.window_panel .rssicon { background: url(themes/newui/rss.jpg) 180px 0 no-repeat; }
.window_panel p { margin: 0; padding: 4px 0; color: #888; }
.window_panel .controls { margin: 0 0 0 150px; }
.window_panel .controls #cke_reusableckeditor { width: 96% !important; }
.newui .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button {
  width: 100px;
}

.window_panel #adv_options, 
.window_panel #addme,
.window_panel #callme_advanced_options { overflow: auto; }

.window_panel .form_actions { background: #ededed; margin: 0; padding: 15px 0; border-radius: 0 0 8px 8px; border-top: 1px solid #ccc; }

.window_panel .translations fieldset { border-top: 1px solid rgb(204,204,204); }
.window_panel .translations fieldset:first-child { border-top: none; }
.window_panel .translations input { margin-left: 150px; }
.window_panel .translations input[name^=tts_override] { margin-left: 10px; }
.window_panel .translations label { float: none; width: auto;	}

.html_translate { background: #fff; width: 96%; padding: 2px 5px; border: 1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
.html_translate h1,
.html_translate h2,
.html_translate h3,
.html_translate h4,
.html_translate h5,
.html_translate h6 { padding: 5px; color: #444; text-shadow: none; }
.html_translate h1 { font-size: 19px; line-height: 24px; }
.html_translate h2 { font-size: 18px; line-height: 23px; }
.html_translate h3 { font-size: 17px; line-height: 22px; }
.html_translate h4 { font-size: 16px; line-height: 21px; }
.html_translate h5 { font-size: 15px; line-height: 20px; }
.html_translate h6 { font-size: 14px; line-height: 19px; }
.html_translate p { padding: 5px; color: #444; font-size: 13px; line-height: 18px; }
.html_translate em { font-style: italic; }
.html_translate ul { list-style-type: disc; margin: 0 0 0 15px; padding: 0 0 0 15px; }
.html_translate li { color: #444; font-size: 13px; line-height: 18px; }
.html_translate ol { list-style-type: decimal; margin: 0 0 0 15px; padding: 0 0 0 15px; }

#msgsndr_tab_social .form_actions { border: none; }

.twitter .twittername { margin: 0 0 10px 150px; font-size: 14px;}

.window_panel iframe { height: 3em; padding-top: 3px; }

.characters { float: right; margin: 0 4% 0 0; }

.window_panel input.ok, .window_panel textarea.ok, span.ok { border: 1px solid rgb(75,149,35); }
.window_panel input.ok[type="text"]:focus, .window_panel textarea.ok:focus { border: 1px solid rgb(75,149,35);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(75,149,35, 0.6);	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(75,149,35, 0.6); }

textarea[readonly] {
  background: rgb(231, 231, 231);
}

/*input.ok, input.required.ok {
  background: url(img/icons/accept.gif) 99% 44% no-repeat;
}
input.er, input.required.er {
  background: url(img/icons/exclamation.gif) 99% 44% no-repeat;
}
input.required.emp {
  background: url(img/icons/error.gif) 99% 44% no-repeat;
  border:1px solid rgb(199, 162, 16);
}*/
  label.req {
    background: url(img/icons/error.gif) 99% 44% no-repeat;
    padding: 6px 20px 6px 0;
  }

  label.ok {
    background: url(img/icons/accept.gif) 99% 44% no-repeat;
    padding: 6px 20px 6px 0;
  }

  label.er {
    background: url(img/icons/exclamation.gif) 99% 44% no-repeat;
    padding: 6px 20px 6px 0;
  }

/* error.gif  = Exclamation Mark in triangle */ 


.window_panel input.er, .window_panel textarea.er, span.er { border: 1px solid rgb(219,30,30); }
.window_panel input.er[type="text"]:focus, .window_panel textarea.er:focus { border: 1px solid rgb(219,30,30);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(219,30,30, 0.6);	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(219,30,30, 0.6); }

/*
.window_panel input.pre, .window_panel textarea.pre { border: 1px solid rgb(199, 162, 16); }
.window_panel input.pre[type="text"]:focus, .window_panel textarea.pre:focus { border: 1px solid rgb(199, 162, 16);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(199, 162, 16, 0.6);	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(199, 162, 16, 0.6); }
*/

span.error, span.notify { color: rgb(219,30,30); font-size: 0.9em; }

p.warning {
  color: rgb(0,0,0);
  font-weight: bold;
  margin: 0 0 10px 0;
  text-align: center;
}

.box_validatorerror span { margin: 0 5px 0 0; font-size: 14px; line-height: 18px; font-weight: bold; }
.box_validatorerror { background: #ec4848; width: 96%; margin: 5px 0 0; padding: 5px 8px; font-size: 1em; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }

/*----- Translation box -----*/

.retranslateitems { width: 350px; }
.retranslateitems .message { background: #f2f2f2; margin: 0 0 5px 0; -webkit-border-radius: 5px; border-radius: 5px; }

/*----- Footer -----*/

#footer { background: #346998; position: relative;  height: 84px; margin-top: -85px; padding: 20px 0 0; border-top: 1px solid #3f6485; clear: both; 
-webkit-box-shadow: inset 0 1px 1px 0 #6797c2; box-shadow: inset 0 1px 1px 0 #6797c2; }
#footer a { color: #9FBDF6; }
#logininfo, #termsinfo { color: #fff; font-size: 10px; }
#state { display: none; } 


/*----- Search form styling -----*/

#searchform input { display: block; width: 313px; padding: 4px 5px; font-size: 14px; line-height: 18px; border: 1px solid #E2E2E2;
-webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
#searchform .btn { margin: 0 5px; padding: 3px 8px; }

/*---- IE styling -----*/

.ie7 .summary .col,
.ie8 .summary .col { width: 20%; }

.ie7 .summary .col:first-child,
.ie8 .summary .col:first-child { width: 18%; }

.ie7 .modal-backdrop { background: none; }
.ie7 .main_aside { z-index: 99; }

.ie7 table.info,
.ie7 .table-bordered,
.ie8 table.info,
.ie8 .table-bordered { border-collapse: collapse; }

.ie8 .col { box-sizing: content-box; }

.ie7 a.bigbtn,
.ie8 a.bigbtn { position: relative; }

.ie7 a.bigbtn,
.ie8 a.bigbtn { background: url(themes/newui/ie_bigbtn.png) 0 0 no-repeat; height: 64px; padding: 0 7px; border: none; }

.ie7 a.bigbtn b,
.ie8 a.bigbtn b { position: absolute; top: 0; right: 0; background: url(themes/newui/ie_bigbtn_end.png) 0 0 no-repeat; height: 64px; width: 10px; }

.ie7 a.bigbtn span,
.ie8 a.bigbtn span { line-height: 64px; }

.ie7 a.bigbtn:hover,
.ie8 a.bigbtn:hover { background: url(themes/newui/ie_bigbtn.png) 0 -64px no-repeat; }

.ie7 a.bigbtn:hover b,
.ie8 a.bigbtn:hover b { background: url(themes/newui/ie_bigbtn_end.png) 0 -64px no-repeat; }

.ie7 .navtabs li,
.ie8 .navtabs li { width: 130px; }

.ie7 .navtabs li:hover,
.ie8 .navtabs li:hover { background: url(themes/newui/ie_navtab_hover.png) 0 0 no-repeat; }

.ie7 .navtabs li.navtab_active,
.ie8 .navtabs li.navtab_active { background: url(themes/newui/ie_navtab.png) 0 0 no-repeat; }

.ie7 .navtabs li a,
.ie8 .navtabs li a { background: none; padding: 14px 0; text-align: center; border: none; }

.ie7 .window_title_wrap,
.ie8 .window_title_wrap { background: url(themes/newui/win_t.gif) repeat-x; height: 58px; padding: 0 22px; border: none; }

.ie7 .window_title,
.ie8 .window_title { background: none; padding: 15px 0 0 0; }

.ie7 .window_title_l,
.ie7 .window_title_r,
.ie8 .window_title_l,
.ie8 .window_title_r { width: 10px; height: 58px; }

.ie7 .summary .window_title_wrap,
.ie8 .summary .window_title_wrap { background: url(themes/newui/ie_title.png) 0 0 repeat-x; height: 56px; border: none; }
.ie7 .summary .window_title_wrap h2,
.ie8 .summary .window_title_wrap h2 { padding: 5px 0 0; }

.ie7 .broadcasts .window_title_wrap,
.ie8 .broadcasts .window_title_wrap { background: url(themes/newui/ie_title2.png) 0 0 repeat-x; height: 56px; border: none; }
.ie7 .broadcasts .window_title_wrap h2,
.ie8 .broadcasts .window_title_wrap h2 { padding: 5px 0 0; }

.ie7 .newbroadcast .window_title_wrap { background: url(themes/newui/ie_title3.png) 0 0 repeat-x; height: 118px; padding: 5px 10px 15px; border: none; }
.ie8 .newbroadcast .window_title_wrap { background: url(themes/newui/ie_title3.png) 0 0 repeat-x; height: 138px; padding: 5px 10px 15px; border: none; }

.ie7 .newbroadcast .window_title_start,
.ie8 .newbroadcast .window_title_start { background: url(themes/newui/ie_title3_start.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; height: 138px; border: none; width: 10px; }

.ie7 .newbroadcast .window_title_end,
.ie8 .newbroadcast .window_title_end { background: url(themes/newui/ie_title3_end.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; height: 138px; border: none; width: 10px; }

.ie7 .window_title_end,
.ie8 .window_title_end { background: url(themes/newui/ie_title_end.png) 0 0 no-repeat; position: absolute; top: 0; right: 0; height: 56px; border: none; width: 20px; }

.ie7 .window_title_start,
.ie8 .window_title_start { background: url(themes/newui/ie_title_start.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; height: 56px; border: none; width: 20px; }

.ie7 .broadcasts .window_title_end,
.ie8 .broadcasts .window_title_end { background: url(themes/newui/ie_title2_end.png) 0 0 no-repeat; }

.ie7 .broadcasts .window_title_start,
.ie8 .broadcasts .window_title_start { background: url(themes/newui/ie_title2_start.png) 0 0 no-repeat; }

.ie7 .summary .window_body_wrap,
.ie8 .summary .window_body_wrap { border: 1px solid #93C9D9 }

.ie7 .broadcasts .window_body_wrap,
.ie8 .broadcasts .window_body_wrap { border: 1px solid #ccc; }

.ie7 .msg_steps li { width: 33%; }

.ie9 .window_panel textarea { overflow: scroll; }

/*----- Prototip styles for shortcut menu, not actually used in this theme -----*/
	
.shortcuts a { color: #26477d; }
.shortcuts a:hover { background: #26477d; color: #fff; }



/*----- Media queries for newer browsers -----*/

@media screen and (min-width: 1180px) { 
 /*#ms .container, .contain { width: 1150px; }*/
 /*.newbroadcast, .main_activity { width: 935px; }*/
 
 /*.summary .col { width: 225px; }*/
 /*.summary .col:first-child { width: 181px; }*/
 .summary .ellipsis {  width: 195px; }
 .summary img.dashboard_graph { width: 100px; }
 
 /*.ie8 .summary .col { width: 195px; }
 .ie8 .summary .col:first-child { width: 151px; }*/
 
 /*.ie7 .summary .window_title_wrap,
 .ie8 .summary .window_title_wrap { background: url(themes/newui/title_wrap_910.jpg) 0 0 no-repeat; }
 .ie7 .broadcasts .window_title_wrap,
 .ie8 .broadcasts .window_title_wrap { background: url(themes/newui/title_wrap2_910.jpg) 0 0 no-repeat; }
 .ie8 .newbroadcast .window_title_wrap { background: url(themes/newui/title_wrap3_910.jpg) 0 0 no-repeat; }*/
 
 /*.msg_steps li { width: 296px; }
 .msg_content_nav button { width: 215px; }
 .ie8 .msg_content_nav button { width: 214px; }*/
}

@media screen and (min-width: 1580px) { 
 /*#ms .container, .contain { width: 1300px; }*/
 /*.newbroadcast, .main_activity { width: 1300px; }*/
 
 /*.summary .col { width: 264px; }*/
 /*.summary .col:first-child { width: 215px; }*/
 .summary .ellipsis {  width: 234px; }
 
 /*.ie8 .summary .col { width: 234px; }
 .ie8 .summary .col:first-child { width: 185px; }*/
    
 /*.ie7 .summary .window_title_wrap,
 .ie8 .summary .window_title_wrap { background: url(themes/newui/title_wrap_1060.jpg) 0 0 no-repeat; }
 .ie7 .broadcasts .window_title_wrap,
 .ie8 .broadcasts .window_title_wrap { background: url(themes/newui/title_wrap2_1060.jpg) 0 0 no-repeat; }
 .ie8 .newbroadcast .window_title_wrap { background: url(themes/newui/title_wrap3_1060.jpg) 0 0 no-repeat; }*/
 
 /*.msg_steps li { width: 346px; }
 .msg_content_nav button { width: 252px; }
 .ie8 .msg_content_nav button { width: 251px; }*/
}

/* Very basic facebook style */
.fbpagelist {
	width: 96%;
	border: 1px solid #CCC;
	margin-top: 3px;
	padding: 3px;
	max-height: 250px;
	overflow: auto;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.fbpagelist label {
	text-align: left;
	width: 90%;
}
.fbpagelist .fbname {
	font-weight: bold;
}
.fbpagelist .fbimg {
	padding: 3px;
	float: left;
}

div.progressbar {
	border: 2px solid #306496;
	margin: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:94%;
	overflow:hidden;
}
div.progressbar div.progress {
	color: black;
	background: #306496;
	height: 15px;
}

.radiobox.stationeryselector label,input { float: none;}
.radiobox.stationeryselector {
 	height: 100%;
	overflow: auto;
}

#stationerypreviewfield {
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	float: left;
    margin: 20px 5px 5px;
    padding: 5px 10px 10px;
    width: 100%;
}

.stationerypreview iframe {
	border: 1px solid #E2E2E2;
	border-radius: 3px;
	background-color: #fff;
	height: 400px;
    width: 100%;
}

.ie8 #cke_reusableckeditor input {
  border: none;
}


.modaliframe {
    height: 96%;
    left: 5%;
    margin: 1% 0 0;
    padding: 0;
    top: 0;
    width: 90%;
	max-height: none;
}

.uploadlistfileselector {
    height: 350px;
    margin: 15%;
    width: 600px;
}


.iframe_content_wrap {
    min-width: 500px;
    padding: 0;
	margin: 6px !important;
}

.iframe_content_wrap .msg_confirm {
	background: white;
	border: 0px;
	margin: 0px;
}

.modaliframe iframe {
    height: 96%;
    width: 100%;
}

.modaliframe .modal-body {
    height: 85%;
    max-height: none;
    padding: 0 1%;
}

.uploadlistfileselector .modal-body {
	height: 65%;
}

.modaliframe .noheader {
    height: 90%;
}

.btn.list-progress,.btn.list-progress:hover{
    background-color: #006DCC;
    border: 1px solid #0039AB;
    color: #FFFFFF;
    text-align: center;
}

iframe::-webkit-scrollbar {
	/*display: none;*/
}
iframe.embedded {
	/*overflow-y: hidden;*/
}

/* +----------------------------------------------------------------+
   | Print styles                                                   |
   +----------------------------------------------------------------+ */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/*----- Media Queries -------*/

@media only screen and (max-width: 980px) {
	.content_feed .feed_wrap { width: 300px; }
}
