html, body { height: 100%; }

a { outline: 0; }

input[type=text], input[type=email], input[type=password], textarea, select {
	border: 1px solid #96BFE1;
	border-radius: 2px;
	padding: 3px;
}

input[type=text]:focus, textarea:focus, select:focus, select:active {
	border-color: #138CDF !important;
   box-shadow: 0 0 2px 0px #8FDDFE !important;
}

:focus { outline:none; }
::-moz-focus-inner { border: 0; }

.boxtext { background-color:#fff; border:1px solid #A9A9A9; padding:4px; font-size:.8em; }
.boxtext ul { margin-top:5px; margin-bottom:5px; list-style-type:square; }

/* Site structure styles */
html { font-size: 100%; /* make IE scale font sizes sensibly */}
body { color: #005984; margin: 0 auto; padding:0; font: 0.75em Arial, Helvetica, sans-serif; min-width:770px; }
body#storyedit { overflow-y: hidden; }
/*body { color:#005984; margin:0 auto; padding:0; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; min-width:770px; }*/

a img { border:0; }
/*input.formmed[type='text']:focus, input.formlarge[type='text']:focus, input[type='password']:focus { background-color:#ffffaf; }*/
input[disabled] { background-color:#ecf5fc; border:solid 1px #ccc; } /*padding: 3px;*/

select{ padding: 2px; }

.pages, .images, .feedback, .error, .pg, .polls { margin:20px 25px 30px 25px; border:1px solid #96BFE1; background-color:#DAEBF9; max-width: 1400px; }

.logonerror { color:#C00; font-size:80%; }

/* Backgrounds */

.container { padding: 20px; background-color: #D6EBFF; }

.container:after { content:"."; clear:both; display:block; visibility:hidden; height:0; }

.container2 { background:url(graphics/header_slice_more.png) left no-repeat #FFF; border-top:1px solid #96BFE1; }
.container2 table { table-layout:fixed; }
.container2 td.subject { width:185px; font-size:0.95em; text-align:left; padding:4px 0 6px 0; margin:0; text-indent:14px; }
.container2 span.subject { cursor:pointer; }
.container2 td.text strong { padding-left:3px; }

.container3 { background-color:#BEDBF3; padding:20px; border-right:1px solid #fff; border-top:1px solid #96BFE1; }
.container3 .line { background:#97BFE4; border-bottom:1px solid #DFEDF9; }

.done { background-color:#d0f7be; }
.thick .container.done { background:#d0f7be; }
.done .datatable th, .done .datatable td { border-color:#7bba9d; }
.done .datatable th { background-color:#7bba9d; }
.done .datatable th.order:hover { background-color:#5eaa88; }
.done .datatable .tableeven td { background-color:#edf8f2; }

.notdone { background-color:#fdc5c4; }
.notdone .datatable th, .notdone .datatable td { border-color:#ce4c6e; }
.notdone .datatable th { background-color:#ce4c6e; }
.notdone .datatable th.order:hover { background-color:#be345a; }
.notdone .datatable .tableeven td { background-color:#fae7ed; }

.onhold { background-color:#ddd; }
.onhold .datatable th, .onhold .datatable td { border-color:#8e8f91; }
.onhold .datatable th { background-color:#8e8f91; }
.onhold .datatable th.order:hover { background-color:#78797a; }
.onhold .datatable .tableeven td { background-color:#f1f3f2; }

/* open/close headings + boxes */
.openable { cursor:pointer; padding-left:11px; padding-bottom:1px; }
.openable span { display:block; height:17px; padding:0 22px 4px; background:url("/CMS/graphics/section_open.gif") no-repeat left 2px; line-height: 20px; }
/*.openable:hover span { text-decoration:underline; }*/
.openable.closed span { background-image:url(graphics/section_closed.gif); }
.openable.closed + div { display:none; }

h2.openable * {vertical-align: middle;}

/* Heading Styles */
h1, h2 { margin:0; padding:4px 14px 6px 14px; background:#FFF url("/CMS/graphics/header_slice.png") no-repeat 1% 50%; font-size:1.08em; border-bottom:1px solid #96BFE1; }
h2 { border-top:1px solid #96BFE1; }
h3 { font-size:1.2em; }

/* Form Styles */
form { margin:0; padding:0; }
.formlarge { width: calc(100% - 16px); padding: 2px; font:1.1em Arial, Helvetica, sans-serif; }
textarea.formlarge { width: calc(100% - 18px); padding: 4px; }
.formmed { width:250px; padding:2px; font:1.1em Arial, Helvetica, sans-serif; }
.formsmall { width:125px; padding:2px; font:1.1em Arial, Helvetica, sans-serif; }
select.formlarge { width:99%; }
select.formmed { width:258px; }
select.formsmall { width:133px; }
select { font: 1.1em Arial, Helvetica, sans-serif; }
.form_table input[type="image"], .form_table input[type="submit"] { margin-right:5px; }

/* Thick box field sizes */
.thick .formmed { width:60%; }
.thick .formsmall { width:30%; }
.thick select.formlarge { width: calc(100% - 8px); }
.thick select.formmed { width:62%; }
.thick select.formsmall { width:30%; }

/* General text styles */
a { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

.text a { color:#000; }
.text a:visited { color:#000; }
.text a:hover { color:#000; }
.textlarge { font-size:1em; }

textarea + label { display:block; } /* make labels following a textarea drop below them */

/* HR styles - removes the HR on IE (the comment next to the width of 1px is for IE 5.5) */
.line { width:100%; height:1px; background:#A9CCE8; border:0 none; border-bottom:1px solid #FFF; margin:10px auto 6px; text-align:center; }
.line hr { position:absolute; left:-9999px; } /* Hide HR's as this is being styled with class above */

.done .line { background:#86D36B; border-bottom:1px solid #E8FBE1 }
.notdone .line { background:#D36B86; border-bottom:1px solid #E39BAF }
.onhold .line { background:#838485; border-bottom:1px solid #EBEBEB }

/*Rollover image filter --------------------------------------------- */
a:hover img, input[type="image"]:hover { opacity:0.55; filter:alpha(opacity=55); }

/* Table styles */
table, td, th { font-size:100%; }

/*form tables*/
.form_table { border-collapse:collapse; width:100%; table-layout:fixed; }
.form_table.fixed_width { width:550px; }
.form_table td{ padding:7px 0; }
.form_table tr.rule{ height:10px; }
.form_table tr.rule td{ padding:0; }
.form_table td.subject { font-weight:bold; padding-top:11px; padding-right:10px; text-align:right; vertical-align:top; width:12em; }
.form_table td.help{ width:30px;  vertical-align:top; }
.form_table label.cal { font-weight:bold; margin-left:25px; }
.form_table a{ color:#005984; text-decoration:none; }
.form_table a:hover{ text-decoration:underline; }
.form_table img, .form_table input[type=image]{ border:0; vertical-align:middle; }
.form_table colgroup .labels{ width:140px; }
.form_table colgroup .help{ width:25px; }
.form_table h3 { font-weight:normal; font-size:1.18em; margin:10px 0 15px 0; }
.form_table p { margin: 0; }
.form_table p+p { margin-top: 1em; }
.form_table td.text input+img, .form_table td.text input+input[type="image"], .form_table td.text select+img, .form_table td.text select+input[type="image"] { margin-top: -3px; }

/* datatable */
.datatable { background-color: #588FC7; border-collapse:collapse; width:100%; color:#000; margin:15px 0; }
@supports (-moz-appearance:none) {	.datatable { background-color: #FFF; } }
.datatable td, .datatable th{ border:1px solid #8DB3D8; }
.datatable td a { color:#000; }
.datatable th{ background-color:#588FC7; padding:2px 5px 2px 5px; text-align:left; color:#FFF; }
.datatable th.order:hover{ background-color:#3D79B6}
.datatable th a{ display:block; color:#FFF; }
.datatable th a:visited{ color:#FFF; }
.datatable th a:hover{ text-decoration:none; color:#fff; }
.datatable th a img{ border:none; margin-left:10px; }
.datatable td { vertical-align:middle; padding:5px; }
.datatable .tableodd td { background-color:#FFF; }
.datatable .tableeven td { background-color: #E9F1FF; }
.datatable td.button{ width:35px; text-align:center; }

.datatable.small { width:40%; }
.datatable.medium { width:60%; }
.datatable.large { width:80%; }

.thick .datatable { margin:2px 0; }

.further_options { margin:-15px 0 10px 0; border-color:#8DB3D8; border-style:solid; border-width:0 1px 1px 1px; background:#fff; padding:1px; }
.further_options ul { padding:4px 8px; margin:0; background:url(graphics/optbox_buttons.png) repeat-x top; list-style-type:none; overflow:hidden; }
.further_options li { float:right; }
.further_options a { background:url(graphics/buttons/b_drag_off.gif) no-repeat right; padding:4px 25px; line-height:1; min-height:11px; display:block; font-weight:bold; outline-width: 0;}
.further_options a.drag_on { background-image: url(graphics/buttons/b_drag.gif); }


.table { background-color:#588FC7; }
.table a { color:#000; }
.table .publish { color:#006666; background:url(graphics/header_slice_publish.png); }
.table .publish a { color:#006666; }
.table .waiting { color:#990033; background:url(graphics/header_slice_waiting.png); }
.table .waiting a { color:#990033; }

.table .queuehead th { COLOR:#fff; padding:1px 4px; }
.table .queuehead td { COLOR:#fff; padding:1px 4px; background-color:#588FC7; }
.table .queuehead th img { margin-top:2px; }
.table .queueheadlarge { COLOR:#fff; font-size:0.95em; }
.table .queueheadlarge a { COLOR:#fff; text-decoration:underline; }
.table .queueheadlarge a:visited { COLOR:#fff; text-decoration:underline; }
.table .queueheadlarge a:hover { COLOR:#fff; text-decoration:none; }
.table .tableodd td { COLOR:#000; background-color:#FFF; vertical-align:middle;  }
.table .tableeven td { COLOR:#000; background-color:#EAF4FB; border-bottom:1px solid #fff; border-top:1px solid #fff; vertical-align:middle; }

/* Styles for search results page (the comment next to the width of 96% is for IE 5.5) */
.gb img { border:0; }
.gb table.t { background-color:#588FC7; margin:20px 0 0 20px; width:/**/96%; font-size:1.1em; }
.gb table.t a { color:#000; }
.gb table.t td:first-child + td { font-weight:bold; }
.gb table.t .to td { COLOR:#000; background-color:#FFF; vertical-align:middle;  }
.gb table.t .te td { COLOR:#000; background-color:#EAF4FB; border-bottom:1px solid #fff; border-top:1px solid #fff; vertical-align:middle; }
.gb table.t .qh td { COLOR:#fff; padding:1px 4px; font-weight:bold; }
.pg h1 span.tx { font-weight:normal; }
.pg h1 span.tx img { margin-left:20px; position:relative; top:3px; }

/* Colours in headings */
h2 .publish { color:#006666; background:url(graphics/header_slice_publish.png); }
h2 .waiting { color:#990033; background:url(graphics/header_slice_waiting.png); }
td.mandatory { color:#006666; background:url(graphics/header_slice_publish.png); font-weight:bold; }
td.nonmadatory { color:#990033; background:url(graphics/header_slice_waiting.png); font-weight:bold; }

/* styles for issue Story type */
#container img { border:0; }
#container table.t { background-color:#588FC7; width:100%; font-size:1.1em; }
#container table.t a { color:#000; }
#container table.t td:first-child + td { font-weight:bold; }
#container table.t .to td { COLOR:#000; background-color:#FFF; vertical-align:middle;  }
#container table.t .te td { COLOR:#000; background-color:#EAF4FB; border-bottom:1px solid #fff; border-top:1px solid #fff; vertical-align:middle; }
#container table.t .qh td { COLOR:#fff; padding:1px 4px; font-weight:bold; }

/* The box which appears on the search results page*/
#hbox { border-color:#005984 !important; color:#005984 !important; padding:10px !important; border-right-style:ridge !important; border-bottom-style:ridge !important; border-width:1px 4px 4px 1px !important; }
#tbox { border-color:#005984 !important; color:#005984 !important; padding:10px !important; border-left-style:inset !important; border-bottom-style:ridge !important; border-width:1px 1px 4px 4px !important; }

/* Image Library Styles */
.images { position:relative; }
.images table { font-size:1.1em; }

.imageresults { height:400px; overflow:auto; background-color:#FFF; padding:10px; border:1px solid #96BFE1; }
.imageresults li { border-top:1px solid #cadff0; list-style-type:none; }

/* Hack for IE7 and IE6 only */
html* .imageresults table { width:332px; }

.imageresults table tr.imagenew td { background-color:#B2F09B; background-image:none; padding:5px 5px; color:#3C6A35; }
.imageresults table td { font-size:0.95em; padding:0; background:url(graphics/image_td_slice.gif) repeat-x top; padding:0 5px; }
.imageresults table td a { color:#000; font-size:0.95em; text-decoration:underline; }
.imageresults table td a strong { font-size:1.1em; }
.imageresults table td a.text { font-size:0.8em; color:#000; }
.imageresults table td a:visited { text-decoration:underline; }
.imageresults table td a:hover { text-decoration:none; }
.imagewindow { position:absolute; top:50px; left:410px; width:300px; height:250px; background-color:#fff; border:1px solid #96BFE1; }
.imagedetails { position:absolute; top:320px; left:410px; width:290px; height:120px; background:url(graphics/image_bg_box.png) no-repeat #E4EEF5; border:1px solid #96BFE1; }
.imagedetails { padding:13px 5px 5px 5px; }
.imagedetails select { font-size:1em; }

td.clipboard { background-color:#FFF; color:#005984; padding:5px 0; }
td.clipboard a.imagetitle { font-size:1.1em; }
td.clipboard a { color:#000; text-decoration:underline; }
td.clipboard a:visited { text-decoration:underline; }
td.clipboard a:hover { text-decoration:none; }

/* Overriding the display block on the TR for the story search page */
#datediv0, #datediv1, #datediv2 { display:table-row !important; }

/* Story Search Page */
#sswrapper { zoom:1; position:absolute; left:0; right:0; bottom:0; top:107px; overflow:auto; background-color:#DAEBF9; border:1px solid #96BFE1; min-width:975px; max-width: 1350px; margin: 20px auto 5px 20px;  }
#rswrapper { zoom:1; position:absolute; left:0; right:0; bottom:0; top:0; margin:1px; border:0 none; min-width:900px; }

#storysearch h1+.container { background-image:url(graphics/vertical_bar_layout.gif); background-repeat:no-repeat; background-position:50% 20px; }
#storysearch .form_table { width:47%; float:right; }
#storysearch .form_table:first-child { float:left; }
#storysearch .form_table td { padding-top: 3px; padding-bottom: 3px; }
#storysearch .form_table td.subject { width: 9em; }
#storysearch .form_table+.form_table td.subject { width: 7em; }
#storysearch #s_tbl_workflow td.subject { width: 9em; }
#storysearch .form_table tr td, #workflow .form_table:first-child tr:first-child+tr td { line-height:1.7; } /* make line-height match left and right */
#storysearch .calendar_append { display:none; }
#storysearch .rad_group label { margin-right:5px; }
#storysearch .form_table td.help { width:10px; }

#storysearch form, #storysearch fieldset { margin:0; padding:0; border:0 none; }
#storysearch input[type="radio"] { margin:0 0 -1px 0; }
#storysearch select.formmed { width:278px; }

.private-access-search label, .exclude-search label { margin-right: 10px; }
.private-access-search label span, .exclude-search label span { padding-left: 3px; top: 1px; position: relative; }

#storysearch .meta_data { background:#FFF; width:400px; margin:2px 0; padding:0; list-style-type:none; border:1px solid #CADFF0; padding:2px; }
#storysearch .meta_data li { clear:both; background:#FFF; border-top:1px solid #CADFF0; padding:0; color:#333; zoom:1; } /* :hack:clearing floats */
#storysearch .meta_data li:first-child { border-top:0 none; padding:0; margin-top:0; }
#storysearch .meta_data li:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#storysearch .meta_data a { width:360px; float:left; color:#333; padding-left:7px; padding-top:8px; }
#storysearch .meta_data span { float:right; }
#storysearch .meta_data span a { width:auto; padding:5px 7px 5px 0; }
#storysearch #s_search { margin-top:2px; }
#storysearch .formsmall { width:130px; }
#storysearch .formmed { width:270px; }

.calendarsmall { width:70px !important; padding-left:5px; }

#storysearch #rswrapper h1 { background:url(graphics/edit_menu_bg.png) repeat-x left top; color:#FFF; height:20px; padding:13px 14px 9px 16px; font-size:1.18em; font-weight:bold;  }
#storysearch #rswrapper .container { padding:0; }
#storysearch #rswrapper .container form { border-left:6px solid #FFF; border-right:6px solid #FFF; padding:20px; }
#storysearch .cancel { position:absolute; top:12px; right:5px; }

.meta_list .meta_data { background:#FFF; width:400px; margin:2px 0; padding:0; list-style-type:none; border:1px solid #CADFF0; padding:2px; min-height: 18px; }
.meta_list .meta_data li { clear:both; background:#FFF; border-top:1px solid #CADFF0; padding:0; color:#333; zoom:1; } /* :hack:clearing floats */
.meta_list .meta_data li:first-child { border-top:0 none; padding:0; margin-top:0; }
.meta_list .meta_data li:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
.meta_list .meta_data a { width:85%; float:left; color:#333; padding-left:7px; padding-top:8px; cursor: default; }
.meta_list .meta_data a:hover { text-decoration: none; }
.meta_list .meta_data span { float:right; }
.meta_list .meta_data span a { width:auto; padding:5px 7px 5px 0; }

/* calendar styles */
#calendar_div, #calendar_inline_div { display:none; background:#FFF; border:6px solid #fff; z-index:10; padding:0; margin:0; font-size:1.1em; }
#calendar_inline_div { display:block; border:0; }
.calendar_dialog { padding:5px; background:#ddd; border:4px ridge #ddd !important; }
#calendar_div a, #calendar_inline_div a { cursor:pointer; }
button.calendar_trigger { width:25px; }
img.calendar_trigger { margin:0 5px 2px 5px; vertical-align:middle; cursor:pointer; }
*:first-child+html img.calendar_trigger { margin-bottom:8px; }
img.calendar_trigger:hover { opacity:0.75; filter:alpha(opacity=75); }
#calendar_prompt { float:left; width:181px; padding:2px; background:#ddd; color:#000; }
* html #calendar_prompt { width:185px; }
.calendar_control, .calendar_links, .calendar_header, table.calendar { clear:both; float:left; width:183px; color:#fff; }
.calendar_control { background:#3E89C2; }
.calendar_links { background:#DFF0FF url(graphics/header_slice_large.png) repeat-x 0 -10px; }
.calendar_control a, .calendar_links a { font-weight:bold; font-size:80%; letter-spacing: .5px; color:#005984; padding:2px 5px; }
.calendar_control a { padding:0 0 4px; }
.calendar_links label { /* disabled links */ padding:2px 5px; color:#888; }
.calendar_current { float:left; width:42%; text-align:center; }
.calendar_clear, .calendar_prev { float:left; }
.calendar_close, .calendar_next { float:right; }
a.calendar_current { padding-top:2px; }
.calendar_prev span, .calendar_next span { font-size:1.2em; }
a.calendar_prev, a.calendar_next { padding-top:0; }
.calendar_clear { margin:1px; width:50px; height:15px; }
.calendar_close { margin:1px; width:19px; height:15px; }
.calendar_close img:hover, .calendar_clear img:hover { opacity:0.80; filter:alpha(opacity=80); }
.calendar_header { background:#DBEEFF; text-align:center; font-weight:bold; }
.calendar_header select { color:#000; font-size:0.91em; }
.calendar_header .calendar_newMonth { width:122px; margin-right:2px; }
.calendar_header .calendar_newYear { width:59px; }
table.calendar { background:#588fc7; text-align:center; font-size:100%; border:1px solid #3E89C2; /*border-bottom:2px solid #FFF; */}
table.calendar a { width:100%; display:block; }
table.calendar td { padding:1px 2px; }
table.calendar .calendar_titleRow { background:#588fC7; }
table.calendar .calendar_titleRow a { color:#FFF; font-weight:bold; font-size:0.91em; }
table.calendar .calendar_daysRow { background:#FFF; }
table.calendar .calendar_daysCell:hover, table.calendar .calendar_daysCell:focus { background:#FFFFAF; }
table.calendar .calendar_daysCell a { color:#000; width:100%; font-size:0.91em; }
table.calendar .calendar_weekEndCell { background:#EFF6FC; }
table.calendar .calendar_daysCellOver { background:#FFF; }
table.calendar .calendar_unselectable { color:#888; }
*:first-child+html .calendar_append  { vertical-align:4px; }
td.calendar_currentDay { font-weight:bold; background:#FFFFAF !important; border:1px solid #888; }
#content .calendar_cover { display:none; /*sorry for IE5*/ display/**/:block; /*sorry for IE5*/ position:absolute; /*must have*/ z-index:-1; /*must have*/ filter:mask(); /*must have*/ top:-4px; /*must have*/ left:-4px; /*must have*/ width:193px; /*must have to match width and borders*/ height:200px; /*must have to match maximum height*/ }

/* Attach Pages */
#attachimagelist #wrapper, #attachimagethumb #wrapper, #attachimagedetails #wrapper, #searchimagelibrary #wrapper { background:#FFF; padding:1px; margin:0 auto; text-align:left; width:758px; }
#attachimagelist #content, #attachimagethumb #content, #attachimagedetails #content { background:#DAEBF9 url(graphics/content_bg.png) repeat-x scroll center top; padding-bottom:10px; margin:0 auto; }

#attachimagelist #edit_menu, #attachimagethumb #edit_menu, #attachimagedetails #edit_menu, #searchimagelibrary #edit_menu { padding-top:13px; }
#attachimagelist #edit_menu .edit_menulist, #attachimagethumb #edit_menu .edit_menulist, #attachimagedetails #edit_menu .edit_menulist, #searchimagelibrary #edit_menu .edit_menulist { margin-left:10px; }
#attachimagelist, #attachimagethumb, #attachimagedetails, #searchimagelibrary { text-align:center; min-width:0; }

#attachimagelist #edit_menu ul, #attachimagethumb #edit_menu ul, #attachimagedetails #edit_menu ul, #searchimagelibrary #edit_menu ul { float:left; }
#attachimagelist #edit_menu .edit_menuform, #attachimagethumb #edit_menu .edit_menuform, #attachimagedetails #edit_menu .edit_menuform, #searchimagelibrary #edit_menu .edit_menuform { float:right; margin-right:10px; }

/* Attach Image List */
#attachimagelist h1, #attachimagethumb h1 { margin:2px 0 0; padding:0; border:0 none; background:none transparent; float:left; }
#attachimagelist h2, #attachimagethumb h2 { background:none transparent; border:0 none; padding:9px 6px 0; margin:0 0 4px; color:#333; }
#attachimagelist h2 a, #attachimagethumb h2 a { color:#333; }

#attachimagelist #topbar, #attachimagethumb #topbar { margin:15px auto 0; border:1px solid #96BFE1; border-bottom:0 none; width:714px; height:20px; padding:12px 9px 10px 11px; background:#FFF url(graphics/header_slice_large.png) repeat-x left bottom; }
#attachimagelist #topbar img, #attachimagethumb #topbar img { vertical-align:bottom; }
#attachimagelist #topbar div, #attachimagethumb #topbar div { display:inline; float:right; font-weight:bold; }
#attachimagelist #topbar div *, #attachimagethumb #topbar div * { vertical-align:top; }
#attachimagelist #topbar div p, #attachimagethumb #topbar div p { margin:0; display:inline; vertical-align:-2px; }
#attachimagelist #topbar ul, #attachimagethumb #topbar ul { display:inline; margin:0; padding:0 0 0 5px; list-style-type:none; }
#attachimagelist #topbar li, #attachimagethumb #topbar li { display:inline; margin-right:7px; }
#attachimagelist #topbar li.last, #attachimagethumb #topbar li.last { margin-right:0; }

#attachimagelist #imagePreviewHolder { overflow:auto; background-color:#FFF; border:1px solid #6F8DA6; height:260px; width:347px; }
#attachimagelist #imagePreviewHolder span { margin-top:122px; width:100%; display:block; text-align:center; color:#7FACC1; }

#attachimagelist #previewdiv, #attachimagethumb #previewdiv, #attachimagedetails #previewdiv { margin:15px 0 0 19px; float:left; }
#attachimagelist #issue_images, #attachimagethumb #issue_images, #attachimagedetails #issue_images { margin-right:6px; margin-left:5px; width:280px; }

#attachimagelist .container { width:734px; border:1px solid #96BFE1; margin:0 auto; padding:0; background:#B4D6F2; }
#attachimagelist .imageresults { overflow:auto; border:0 none; border-right:1px solid #8DB3D3; height:450px; width:335px; float:left; padding:10px 8px; }
#attachimagelist .imageresults ul { clear:both; zoom:1; margin:0; padding:0; } /* :hack:zoom to stop jumping in IE7 */
#attachimagelist .imageresults li { clear:both; zoom:1; } /* :hack:fix scrollbar issue when hovered on li the contents changed height causing a flicker on the scrollbar */
#attachimagelist .imageresults li p { margin:0 0 2px; padding:0 7px 0 6px; color:#666; }
#attachimagelist .imageresults p span { font-weight:bold; margin-right:1px; }
#attachimagelist .imageresults li .wrapper { margin:2px 0; padding:0 0 6px; zoom:1; } /* :hack:clearing floats */
#attachimagelist .imageresults li .wrapper:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagelist .imageresults li .wrapper:hover { background-color:#FFFFAF; }
#attachimagelist .imageresults .picture { margin:8px 0 0; float:right; }
#attachimagelist .imageresults .picture .info { margin-left:7px; }

#attachimagelist .previewImageDetails { margin-top:15px; padding-left:4px; }
#attachimagelist .previewImageDetails p { margin:0 0 9px; zoom:1; } /* :hack:clearing floats */
#attachimagelist .previewImageDetails p:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagelist .previewImageDetails img { margin-top:9px; }
#attachimagelist .previewImageDetails ul { list-style-type:none; margin:0; padding:0; }
#attachimagelist .previewImageDetails li { clear:left; margin-bottom:10px; zoom:1; } /* :hack:clearing floats */
#attachimagelist .previewImageDetails li:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagelist .previewImageDetails h3 { margin:0; width:72px; float:left; font-size:1em; }
#attachimagelist .previewImageDetails p { margin:0; float:left; width:270px; }
#attachimagelist .previewImageDetails p .clickable { margin-left:72px; }

#attachimagelist .floatleft { float:left; }
#attachimagelist .pagination { float:left; margin:0 0 10px 4px; zoom:1; color:#666; }
#attachimagelist .pagination span { font-weight:bold; }
#attachimagelist .next { font-weight:bold; float:right; margin-right:7px; }
#attachimagelist .next a { color:#666; }
#attachimagelist .next span { font-weight:normal; }

/* Attach Image Thumb */
#attachimagethumb #previewdiv { margin:15px 0 0 19px; float:left; }
#attachimagethumb #edit_menu ul { float:left; }
#attachimagethumb #edit_menu .edit_menuform { float:right; margin-right:10px; }
#attachimagethumb #issue_images { margin-right:6px; margin-left:5px; width:280px; }

#attachimagethumb .container { width:734px; border:1px solid #96BFE1; margin:0 auto; padding:0; background:#B4D6F2; }
#attachimagethumb .imageresults { overflow:auto; border:0 none; width:718px; height:446px; float:left; padding:14px 3px 10px 13px; }
#attachimagethumb .imageresults ul { clear:both; zoom:1; margin:0 0 12px; padding:0; } /* :hack:zoom to stop jumping in IE7 */
#attachimagethumb .imageresults ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagethumb .imageresults li { float:left; margin:0 11px 0 0; width:128px; border:0 none; zoom:1; } /* :hack:fix scrollbar issue when hovered on li the contents changed height causing a flicker on the scrollbar */
#attachimagethumb .imageresults li.end { margin-right:0; }
#attachimagethumb .imageresults li p { margin:0 0 2px; padding:0 7px 0 10px; }
#attachimagethumb .imageresults p span { margin-right:1px; }
#attachimagethumb .imageresults li .wrapper { min-height:119px; _height:119px; margin:0; background-color:#E5F2FF; padding:0 0 6px; zoom:1; } /* :hack:clearing floats */
#attachimagethumb .imageresults li .wrapper:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagethumb .imageresults li .wrapper:hover { background-color:#FFFFAF; }
#attachimagethumb .imageresults .picture { margin:10px 0 0; float:left; }
#attachimagethumb .imageresults .picture .info { margin-left:7px; }
#attachimagethumb .imageresults .buttons { float:right; margin:10px 9px 0 0; }
#attachimagethumb .imageresults .buttons a { display:block; margin-bottom:9px; }

#attachimagethumb .width1 { width:72px; font-weight:bold; }
#attachimagethumb .floatleft { float:left; }
#attachimagethumb .pagination { float:left; margin:0 0 16px 3px; zoom:1; color:#666; }
#attachimagethumb .pagination span { font-weight:bold; }

#attachimagelist .prevnext, #attachimagethumb .prevnext { font-weight:bold; float:right; margin-right:22px; }
#attachimagelist .prevnext { text-align:center; float:none; margin:10px 7px 0 0; padding-bottom:10px; }
#attachimagelist .prevnext a, #attachimagethumb .prevnext a { color:#666; }
#attachimagelist .prevnext span, #attachimagethumb .prevnext span { font-weight:normal; }
#attachimagelist .prevnext ul, #attachimagethumb .prevnext ul { display:inline; list-style-type:none; clear:none; margin:0 9px; padding:0; }
#attachimagelist .prevnext li, #attachimagethumb .prevnext li { border:0 none; display:inline; float:none; width:auto; margin:0; padding:0; }
#attachimagelist .prevnext li a, #attachimagethumb .prevnext li a { padding:0 2px 0 3px; }

/* Attach Image Details */
#attachimagedetails h1 { margin:0; padding:0; border:0 none; background:none transparent; }
#attachimagedetails label { font-weight:bold; }
#attachimagedetails form { margin:17px 10px; }
#attachimagedetails fieldset { border:0 none; padding:0; margin:0; }
#attachimagedetails form p { margin:0; padding:0 0 11px; clear:left; zoom:1; } /* :hack:clearing floats */
#attachimagedetails form p:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:clearing floats */
#attachimagedetails form p.last { padding-bottom:0; }
#attachimagedetails textarea { height:97px; padding-left:3px; padding-top:3px; }
#attachimagedetails #imagePreviewHolder { overflow:auto; float:right; width:300px; margin:3px 16px 0 0; height:172px; background:#FFF; }
#attachimagedetails #topbar { margin:15px auto 0; border:1px solid #96BFE1; border-bottom:0 none; width:712px; padding:4px 9px 5px 13px; background:#FFF url(graphics/header_slice.png) repeat-x left bottom; }

#attachimagedetails .text { padding-left:3px; }
#attachimagedetails .container { padding:0; height:487px; width:734px; margin:0 auto; border:1px solid #8CB3D2; background:#D6E9F8; }
#attachimagedetails .floatleft { float:left; text-align:right; margin-top:4px; padding-right:9px; }
#attachimagedetails .width1 { width:73px; }
#attachimagedetails .width2 { width:267px; }
#attachimagedetails .width3 { width:612px; }
#attachimagedetails .line { clear:left; margin:6px auto 16px; }
#attachimagedetails .cancel { margin-left:17px; }
#attachimagedetails div.floatleft { width:357px; background:url(graphics/vr_line.gif) repeat-y right top; padding-right:22px; margin-bottom:11px; }

/* Image Search */
#searchimagelibrary h1 { margin:0; padding:0; border:0 none; background:none transparent; }
#searchimagelibrary form { margin:25px 15px 25px 12px; }
#searchimagelibrary fieldset { border:0 none; padding:0; margin:0; }

#searchimagelibrary #content { background:#FFF; padding-bottom:10px; margin:0 auto; }
#searchimagelibrary #topbar { margin:15px auto 0; border:1px solid #96BFE1; border-bottom:0 none; width:712px; padding:4px 9px 5px 13px; background:#FFF url(graphics/header_slice.png) repeat-x left bottom; }
#searchimagelibrary #dates_usage, #searchimagelibrary #as_thumbs { margin-left:13px; }

#searchimagelibrary .line { margin:6px auto; }
#searchimagelibrary .container { padding:0; height:487px; width:734px; margin:0 auto; border:1px solid #8CB3D2; background:#D6E9F8; }
#searchimagelibrary .formsmall { padding:1px; }
#searchimagelibrary .formlarge { padding:1px; width:523px; }
#searchimagelibrary .formmed { padding:0; }
#searchimagelibrary .form_table td.subject { padding-right:3px; padding-top:9px; }
#searchimagelibrary .content_cell { padding-left:11px; }
#searchimagelibrary input[type="radio"] { margin-right:4px; margin-bottom:-1px; margin-left:0; }

.txtfield { display:block; padding-top:4px; }

/* Thick box global styles */
.thick .medium .cancel, .thick .large .cancel { position:absolute; top:6px; height:29px; right:5px; padding-top:3px; padding-left:12px; border-left:1px solid #3473A6; }
.thick .medium .finish, .thick .large .finish { position:absolute; top:6px; height:29px; right:89px; padding-top:3px; padding-right:12px; border-right:1px solid #81B3D8; }
.thick form, .thick fieldset { margin:0; padding:0; border:0 none; }
.thick h1+.container { background-image:url(graphics/vertical_bar_layout.gif); background-repeat:no-repeat; background-position:50% 20px; }

.thick { min-width:0; height:auto; overflow:hidden; }
.thick h1 { background:url(graphics/edit_menu_bg.png) repeat-x left top; color:#FFF; min-height:20px; padding:13px 170px 9px 16px; font-size:1.18em; font-weight:bold; user-select: none; }
.thick .container { background-color: #D6EBFF; padding:0; overflow: auto; }

.thick .container form, #overlayform { background:#DAEBF9 url("/CMS/graphics/content_bg.png") repeat-x; border-top:0 none; padding:20px 20px 15px; }

/* Medium Box */
.thick .medium .form_table td.subject { width:8.5em; }
.thick .medium .container form { /*min-height:220px;*/ }

/* Large Box
.thick .large .container form { min-height:515px; }*/

/* Checkboxes/Radios */
.row_2 label { float:left; width:40%; position:relative; padding-left:22px; padding-top:2px; margin-bottom:5px; }
.row_2 input { position:absolute; left:0; top:0; }

.row_3 label { float:left; width:27%; position:relative; padding-left:22px; padding-top:2px; margin-bottom:5px; }
.row_3 input { position:absolute; left:0; top:0; }

/* Add Byline Popup */
#addbyline .help { width:70px; padding-left:5px; }

/* Login page */
#login { background:#3E89C1 url(graphics/login_slice.png) repeat-x; }

#login .loginouter { color:#FFF; width:568px; margin:100px 0 0 0; padding:39px 0 31px; background-color: #fff; }
#login .loginouter .mastinner { height: 125px; margin-left: 85px; }

#login .Webvision{ background:url("graphics/webvision_login.svg") no-repeat; }

#login .Webstructure{ background:url("graphics/webstructure_logo_login.gif") no-repeat; }

#login .licenceInfo.Webvision, #login .licenceInfo.Webstructure { background-image: none; padding-bottom: 8px; border-bottom: 1px solid #CCC; color: #25609C; }
#login .logininfo address { font-style: normal; line-height: 16px; padding-top: 7px; }

#login .loginouter .logininner { border:1px solid #96BFE1; margin:0 50px 30px 50px; background-color:#D6E9F8; width: 400px; }
#login .loginouter .logininner .container { padding:15px 0 15px 30px; }
#login .loginouter .logininner h1 { color:#005984; margin:0; text-align:left; }
#login .loginouter .logininner table { color:#005984; }
#login .loginouter .logininfo { width:400px; color:#999; font-size:0.97em; line-height:130%; text-align:left; }
#login .loginouter .logininfo div img { margin:0 20px 0 5px; }
#login .loginouter .logininner .greybackground { padding:15px 0 15px 30px; }

#login .logininner h1 { font-size:1.18em; }
#login .greybackground { border-right:1px solid #fff; border-bottom:1px solid #fff; }
#login .subject { font-size:1em; font-weight:bold; padding-top:6px; }

/* Sortable table grid styles */
table.tablesorter { /* font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; */ }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { padding: 4px; }
table.tablesorter thead tr .header { background-image: url(graphics/sort_both.gif); background-repeat: no-repeat; background-position: center right; cursor: default; }
table.tablesorter tbody td { /* color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; */ }
table.tablesorter tbody tr.odd td {	/*background-color:#eff6fc;*/ }
table.tablesorter thead tr .headerSortUp { background-image: url(graphics/sort_asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(graphics/sort_desc.gif); }

table.tablesorter thead th.order.header { padding-right: 10px; }

/*Highlighted sort order headers*/
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #1E5593; }
.notdone table.tablesorter thead tr .headerSortDown, .notdone table.tablesorter thead tr .headerSortUp { background-color: #8E2745; }
.onhold table.tablesorter thead tr .headerSortDown, .onhold table.tablesorter thead tr .headerSortUp { background-color: #606161; }
.done table.tablesorter thead tr .headerSortDown, .done table.tablesorter thead tr .headerSortUp { background-color: #57826E; }

/*Paging Control*/
div.pager *{ vertical-align: middle; }
div.pager img{ cursor: pointer; }
div.pager input { width: 45px; height: 15px; margin: 0 5px; }

/*Error styles for form validation*/
.error {
	background: #ffffe1 url(graphics/error_small.gif) 5px 5px no-repeat !important;
	border: #C00 1px solid !important; width: 90%; padding: 5px 0 5px 30px; margin: 0;
	padding-left: 30px !important;
}

/*Autocomplete search styles*/
.ac_results { padding: 0; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; }
.ac_results li { margin: 0; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; }
.ac_loading { background : Window url('graphics/indicator.gif') right center no-repeat; }
.ac_over { background-color: Highlight; color: HighlightText; }

#dashboard .ac_results.small { width:154px !important; margin-left:0 !important; }

/*Search Results*/
#result_queues .subject>label { margin-top: -5px; display: inline-block; }
#result_queues input[type="image"] { padding-left: 5px; }

/* Version Control */
.vc_container { width:100%; margin:20px 0 0; zoom:1; } /* :hack: clearing floats for standards compliant */
.vc_container:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */
.vc_container .vc_current, .vc_container .vc_older { width:438px; float:left; margin-left:20px; border:1px solid #BCBCBC; border-top:0 none; margin-bottom:20px; }
.vc_container .vc_older { float:right; margin-left:0; margin-right:20px; border-color:#98C1E1; }
.vc_container .vc_top { background:#FFF url(graphics/vc_top.png) repeat-x left bottom; padding:13px 16px 3px; border:1px solid #FFF; zoom:1; } /* :hack: clearing floats for standards compliant */
.vc_container .vc_top:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */
.vc_container .vc_top label { font-weight:bold; margin-top:3px; margin-right:5px; }
.vc_container .vc_top a, .vc_container .vc_top a:hover { color:#005984; font-weight:bold; }
.vc_container p { margin:0; padding:10px 0; }

.vc_older .restore { float:left; width:60%; }
.vc_older .restore * { vertical-align: middle; }
.vc_older .prevnext { float:left; width:40%; background:url(graphics/vc_top_separator.gif) no-repeat left center; height:31px; margin-top:-6px; padding-bottom:2px; padding-top:4px; }
.vc_older .prevnext a { background:url(graphics/buttons/b_arrow_left.gif) no-repeat left center; padding-left:24px; padding-top:5px; float:left; height:19px; margin-left:15px; }
.vc_older .prevnext .next { background-image:url(graphics/buttons/b_arrow_right.gif); background-position:right center; padding-left:0; padding-right:24px; margin-left:24px; margin-left:20px; }

.vc_older .prevnext a.prevoff { background:url(graphics/buttons/b_arrow_left_off.gif) no-repeat left center; color: #666; text-decoration: none; cursor: default; }
.vc_older .prevnext a.nextoff { background:url(graphics/buttons/b_arrow_right_off.gif) no-repeat right center; color: #666; text-decoration: none; cursor: default; }

.vc_current h1, .vc_current h2 { border-color:#BCBCBC; color:#414141; background-image:url(graphics/header_slice_grey.png); }
.vc_older .main { padding:0; background:#E8F2FB; }
.vc_older .main h3 { background:url(graphics/vc_heading.png) repeat-x left top; height:19px; margin:0; padding:4px 10px 0; color:#5F98B5; font-size:1em; }

.vc_container h2 { font-size:1.18em; padding:4px 12px 5px; border: none; background: none; padding: 0; }

.vc_current { color:#666; }
.vc_current .main { padding:0; background:#F1F1F1; }
.vc_current .main h3 { background:url(graphics/vc_heading_grey.png) repeat-x left top; height:19px; margin:0; padding:4px 10px 0; color:#8B8B8B; font-size:1em; }
.vc_current .vc_top img { margin-bottom:-5px; margin-right:2px; }
.vc_container .vc_current .vc_top { background-image:url(graphics/vc_top_grey.png); padding:13px 12px 17px; }

/*.vc_container .main { height:560px; overflow:auto; }*/

.vc_container .main * { margin-left:13px; margin-right:13px; }

/* Style/layout page (spin) */
#Layoutoptions .text .line { width:143px; float:right; }

/* Other */
.infoblock { background:#EFF6FC url(graphics/buttons/b_i.gif) no-repeat 6px 11px; padding:13px 12px 12px 39px; width:145px; float:right; font-size:1.1em; line-height:1.3; }

/* Categories Page */
#categories #mast+form>h1 { border: 1px solid #97bfe2; margin: 15px 11px 0 11px; }
#categories .container { padding:10px; margin:0; }

#tab_strip { margin:30px 20px 10px; zoom:1; }
#tab_strip:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */
#tab_strip table { border:1px solid #71A5C1; background:#FFF; }
#tab_strip th { background:#88B9E1; color:#FFF; font-weight:normal; border:0 none; }
#tab_strip td { border:1px solid #B6CEE7; }
#tab_strip .datatable { margin:0; }


#tab_strip .tabs { margin-left:-16px; border-bottom: 1px solid #96BFE1; zoom:1; } /* :hack: clearing floats for standards compliant */
#tab_strip .tabs:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */
#tab_strip .tabs ul { list-style:none; margin:0; padding:0; }
#tab_strip .tabs li { font-weight:bold; float:left; margin:0 9px -1px 0; color:#5E97B5; background:url(graphics/storytypes_tab_off_left.gif) no-repeat left top; }
#tab_strip .tabs li a { color:#5E97B5; display:block; padding:5px 10px 3px 8px; }
#tab_strip .tabs li.on { background:url(graphics/storytypes_tab_on_left.gif) no-repeat left top; color:#005984; }
#tab_strip .tabs li.on a { color:#005984; }
#tab_strip .tabs li span { display:block; background:url(graphics/storytypes_tab_off_right.gif) no-repeat right top; margin:0 0 0 4px; }
#tab_strip .tabs li.on span { background:url(graphics/storytypes_tab_on_right.gif) no-repeat right top; }
#tab_strip .tabs li.tick a { background:url(graphics/tabs_tick.gif) no-repeat right center; padding-right:15px; }
#tab_strip .tabs li.tick span, #tab_strip .tabs li.cross span { padding-right:8px; }
#tab_strip .tabs li.cross a { background:url(graphics/tabs_cross.gif) no-repeat right center; padding-right:15px; }

#tab_strip .tabs li:hover { background:url(graphics/storytypes_tab_on_left.gif) no-repeat left top; }
#tab_strip .tabs li:hover span { background:url(graphics/storytypes_tab_on_right.gif) no-repeat right top; }

#searchResultsForm .spin_box { border-color:#96BFE1; }
#searchResultsForm h1 span span, #searchResultsForm h2 span span { font-weight:normal; }
#searchResultsForm th { padding-right: 16px; }
#searchResultsForm #txt_queuename { padding-top:4px; padding-bottom:1px; }
#dashboard #searchResultsForm .container { padding-top:0; margin-bottom: 0; padding-bottom: 0; margin-top: -21px; max-width: 1438px; }
#dashboard #searchResultsForm .container td { background:none transparent; }
#dashboard #searchResultsForm .container .subject { width: 105px; }
#dashboard #searchResultsForm .container .text { width:375px; }
#dashboard #searchResultsForm ul.buttons { padding:17px 18px 0; float:left; background:none transparent; border-top:0 none; }

#dashboard #searchResultsForm .container table#stories_ResultGrid { margin-top: 0; }
#spin_boxes div.queue>div.container {margin-top: 10px; margin-bottom: 0; padding-bottom: 0;}

#dashboard.thick .container { margin:0; padding:0; }
#dashboard.thick form { background:none transparent; border:0 none; }
#dashboard.thick .spin_box { border:1px solid #96BFE1; border-top:0 none; }
#dashboard.thick .spin_box .buttons li a { display: block; height: 15px; padding-left: 22px; color: #7cabbf; font-weight: bold; padding-top: 2px; outline: none; background-repeat: no-repeat; }
#dashboard.thick #spin_boxes .spin_box .buttons { padding:0; }
#dashboard.thick .storyButtons span { display:none; }
#dashboard.thick #searchResultsForm table { width:761px; }



#content #meta .metalist_normal li { background:none; padding-left:0; }

/*user roles*/

.roleManager:after {content:"."; visibility: hidden; height: 0; display: block; clear: both;}
.roleManager h2 {margin-bottom: 15px; background: none; border:0; padding-left:0}
.roleManager div {float: left;}
.roleManager select {margin:0 10px; width: 15em;}
.ucTable td, .ucTable th {text-align: center}
.ucTable .controlTitle {text-align: left;}

/* Cropping Page */
#crop_block { border:1px solid #6799CC; background:#D6E9F8; zoom:1; } /* :hack: float enclosing */
#crop_block:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */
#crop_menu { width:199px; margin:3px 0 8px 8px; float:left; }
#crop_menu h2 { border:0 none; }
#crop_menu .box { margin-bottom:13px; }
#crop_menu .panel { padding:4px 7px 5px 12px; background:#FFF; }
#crop_menu .panel:hover { background-color:#FFFFC7; }
#crop_menu .panel.picked { background-color:#FFFFC7; }

#crop_menu .panel a.edit { top:4px; right:5px; }
#crop_menu .panel a.on {background:url(graphics/buttons/b_upload_new.gif) top right no-repeat; display:block; padding:3px 0 1px 0; margin-right:18px;}

#crop_menu .buttons .upload_new { background:url(graphics/buttons/b_upload_new.gif) top left no-repeat; padding:1px 0 0 20px; margin:0; height:17px; line-height:17px; cursor:pointer; }
#crop_menu .buttons .upload_new a { color:#7FACC1; }
#crop_menu .crop_note { background:url(graphics/buttons/b_upload_new_plain.gif) 5px 3px no-repeat; padding-left:20px; margin:0 0 10px; }
#crop_menu .crop_note p { margin:0; }

#crop_area { position:relative; background:#FFF; float:right; width:508px; height:470px; text-align:center; border-left:1px solid #6799CC; }

#cropping_options { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #6799CC; }
#cropping_options_sleeve { border:1px solid #fff; padding-left:9px; zoom:1; }
#cropping_options_sleeve:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */
#cropping_button { padding:11px 0 9px; #padding-bottom:8px; float:left; width:246px; }
#cropping_button ul { list-style:none; margin:0; padding:0; float:left; }
#cropping_button li { float:left; margin-right:10px; }

#crop_this { float:right; width:70px; margin-top:7px; padding:4px 0; }
#crop_this_sleeve { padding-left:4px; }
#crop_this_sleeve .disabled { opacity:0.4; filter: alpha(opacity = 40); }

#crop_this label, #crop_this input { float:left; }
#crop_this label { padding-top:3px; padding-right:11px; }

.cropping_form { width:476px; margin:140px 0 0 4px; text-align:left; }
.form_box { border:solid #AAC9DB; border-width:0 1px 1px; background:#E5F2FB; padding:1px 16px 16px; }
.top_bar { background:#FFF url(graphics/header_slice.png) repeat-x left bottom; border:solid #73A5C0; border-width:0 1px; }
.top_bar h2 { color:#005985; font-weight:bold; font-size:11px; }
.info_tag { background:url(graphics/buttons/b_info_usage.gif) top left no-repeat; padding:2px 0 4px 28px; }
.field { padding-bottom:8px; }
.cropping_form .field { padding-left:26px; }

/*Save notification message for SPIN & stories*/
#info_message { display: none; position:absolute; right:70px; top:7px; background:url(graphics/info_message_left.gif) 0 0 no-repeat; }
#info_message .info_message_sleeve { height:27px; min-width:300px; background:url(graphics/info_message_right.gif) 100% 0 no-repeat; }
#info_message p { margin:0; padding:6px 0 0; text-align:center; color:#666; }

/*Diff highlight icon on story version*/
.vc_container .main .difficon{ padding: 0; margin: 0; }

/*Feedback container table*/
.feedbackContainer { width: 90%; padding-left: 10px;}

/* Fixed content in User Group Details thickbox */
.tree .sleeve { position:relative; }
.fixedContent { position:absolute; top:0; right:0; width:200px; padding:5px; border:1px solid #96BFE1; }

/*Fixed-width font for code editing*/
textarea.code{ font-size: 12px; font-family: Consolas, Courier New, Menlo, Monaco;}

.draghelper { border: 2px dashed #98bdd1; background: #ffffaf; }

.sortcolumn { min-height:16px; }


/*Languages stuff*/
.langtext { padding-left: 70px; color: #000; font-weight: bold; font-size: 12px; }
.langtext a { text-decoration: underline; }
.langtext span { margin: 0 10px 0 100px; }
tr.langspacer { height: 1px; }
tr.langspacer td { margin: 0; padding: 0; }
.nolink { display: none; }
.status_icon {width: 35px; text-align: center;}


#qsText, input[type="text"].qs-input, input[id^="qsText_"] {
	border-radius: 15px; border: 1px solid #98BDD1; padding: 3px 8px; outline: none; background: url("/CMS/graphics/tick_small_off.gif") no-repeat scroll calc(100% - 5px) center #FFFFFF;
}

/*Get rid of the annoying icons IE10 ruins text inputs with*/
::-ms-clear, ::-ms-reveal { display: none; }

/*Placeholder text*/
::-webkit-input-placeholder { color: #999 !important; }
::-moz-placeholder { color: #999 !important; }
:-ms-input-placeholder { color: #999 !important; }


/*Jira issue collector button - modify default style*/
#atlwdg-trigger {
	position: fixed; bottom: 0; right: 30px; background: url("/CMS/graphics/issue_flag.png") no-repeat 12px 50% #FFF; padding: 7px 15px 7px 35px;
	border: 1px solid #96BFE1; border-bottom: none; font-weight: inherit; color: #005984 !important; display: inline-block; white-space: nowrap; text-decoration: none !important; font-family: inherit;
	font-size: 1em; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px 4px 0 0; font-weight: bold; z-index: 120;
}
#atlwdg-trigger:hover { color: #96BFE1 !important; border-color: #005984; }


/*Authenticator*/
#qrCodeImage { padding: 20px 15% 10px 15%; }
#manualEntry { font-family: Courier New, Monospace; font-size: 20px; letter-spacing: 5px; font-weight: bold; background-color: #FFF; padding: 5px; text-align: center; }
#done_button { text-align: right; margin-top: 25px; }
#authenticator_form p { font-size: 1.1em; }
#auth_section { margin: 25px 0; }
#txt_auth_code { padding: 5px 10px; }
#auth_go { position: relative; top: 5px; left: 5px; }

/*Styled button*/
button.gradient {
	border:1px solid #999; box-shadow: #FEFFFF 0 1px 1px ; border-radius: 3px; font-size: 16px; text-decoration:none; display:inline-block; text-shadow: 0 1px 0 rgba(255,255,255,1); font-weight:bold; color: #4A4A4A;
	background-color: #F2F5F6; background-image: linear-gradient(to bottom, #F2F5F6, #C8D7DC);
}
button.gradient:not(.disabled):hover, button.gradient.active { color: #000; border:1px solid #588FC7; background-image: linear-gradient(to bottom, #D4DEE1, #A9C0C8); }
button.gradient.disabled:active { color: #C00; }
button.gradient:not(.disabled):active { box-shadow: inset 0 0 4px #666; }

button.gradient.disabled { color: #999; }


h1 + form > table.form_table { margin-top: 10px; }

.rating_display_hidden { display: none; } /*Ratings need to be enabled via PUBLICATIONSETTINGS*/


input[type="checkbox"], input[type="radio"] { filter: grayscale(0.7) hue-rotate(-25deg); }

/*Loading/progress icon for finish buttons*/
a#finishbutton.in-progress, a#btn_header_finish.in-progress { position: relative; opacity: 0.6; }

a#finishbutton.in-progress:after, a#btn_header_finish.in-progress:after {
	content: ""; display: inline-block; width: 23px; height: 23px; position: absolute; top: -12px; left: 0; background: url("/CMS/graphics/buttons/hourglass.gif");
}

/*PWVD-1314: Group stories layout*/
.groupstories h3 { font-size: 13px; font-weight: bold; margin-top: 25px; margin-bottom: 8px; }
.groupstories h3:first-child { margin-top: 0px; }
.groupstories input[type="text"], .groupstories textarea { padding: 4px; }

#groupstories_layout label { display: inline-block; margin-right: 40px; /*border: 2px solid transparent; padding: 6px 10px 8px 10px;*/  }
*#groupstories_layout label:has( input[type="radio"]:checked ) {  }
/*#groupstories_layout label:has( input[type="radio"]:checked ) { border-color: #588FC7; border-radius: 4px; }*/

#groupstories_layout label input[type="radio"] { position: relative; margin: 0 4px 10px 0; top: 3px; left: 0px; }

td.subject.layout-header-text { text-align: left; }
.layout-header-text { font-size: 13px; }
#storygroup_items th { padding: 5px; font-size: 13px; }

table#groupstories * { user-select: none; cursor: default; }
table#groupstories a, table#groupstories a > img { cursor: pointer; }

#wv_help_footer { text-align: center; border-top: 1px solid #CCC; width: calc(100% - 100px); margin: 30px 0 0 50px; position: absolute; 	padding: 15px 0 10px 0; }
#wv_help_footer * { user-select: none; }
#wv_help_footer p { color: #333; }
#wv_help_footer span { color: #999; display: inline-block; margin: 0 5px; }
#wv_help_footer a { color: #2669A9; }