/* CSS Document */

html {}
body {background-color: #cce8ff; margin:7px; font-family:Arial, Helvetica, sans-serif;}
form, div {padding:0px; margin:0px;}
a img{border:none;}
hr {clear: both; margin: 5px 0 5px 0; color: #e1e0de; background-color: #e1e0de; height:1px; border:none;}


/* TYPE STYLING */

/*h1 {font-size:1.5em; color:#2e2e2e; margin-top:0px; margin-bottom:15px; line-height:150%; font-weight:normal}*/
h1 {font-size:1.0em; color:#2e2e2e; margin-top:10px; margin-bottom:10px; line-height:150%; font-weight:normal; font-weight:bold; border-bottom:1px solid #ccc}
h2 {font-size:1.2em; color:#2e2e2e; margin-top:20px; margin-bottom:10px; line-height:150%; font-weight:normal}
h3 {font-size:1.1em; color:#2e2e2e; margin-top:20px; margin-bottom:10px; line-height:150%; font-weight:normal}
h4 {font-size:1.0em; color:#2e2e2e; margin-top:20px; margin-bottom:20px; line-height:150%; font-weight:normal; font-weight:bold; border-bottom:1px solid #ccc}
h5 {font-size:1.0em; color:#2e2e2e; margin-top:10px; margin-bottom:10px; line-height:150%; font-weight:normal; font-weight:bold; border-bottom:1px solid #ccc}
h6 {font-size:0.9em; color:#2e2e2e; margin-top:20px; margin-bottom:10px; line-height:150%; font-weight:bold}
p, label {font-size:0.8em; color:#2e2e2e; margin-top:20px; margin-bottom:10px; line-height:150%; font-weight:normal}
a {color:#316fa2; text-decoration:none; font-weight:bold;}
a:hover {color:#0c385d}
a:active {color:#432491}
h4 img {vertical-align:middle; margin-right:3px;}
.expired {color:red; font-weight:bold}
ol li {font-size: 12px;color:#2e2e2e;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size: 12px;}

/* some general styles for cascading */

.white, a.white {color:#ffffff;}
.blocktext { display:block; }
.spacedhigh {line-height:1.8em;}
.spacedmed {line-height:1.5em;}
.size10 {font-size:10px;}
.size12 {font-size:12px;}
.size14 {font-size:14px;}
.size16 {font-size:16px;}

ul.nolist { list-style: none outside none; }

/* CONTAINERS ETC. */

#container {position: relative; min-width:1060px; /* the following for slideout tabs - do not r! */ overflow:hidden;}
#column_wrapper {background:#fbfbfb; -moz-border-radius:15px; -webkit-border-radius: 15px;}
.clearfloat {clear: both; height: 0; line-height: 0; font-size: 0; display: block;}


/* ACCESSIBILITY BAR */

.accessibility {height:20px; font-size:0.8em; font-weight:bold; color:#67abe3; padding-top:2px}
.accessibility ul {margin:0; padding:0;}
.accessibility li {display:inline;}
/*.accessibilityleft {width:50%; float:left} */
.accessibilityright {float:right; text-align:right;}


/* LEFT SIDEBAR AND NAV */

#left {width: 125px; float: left;}
#left .content {padding:10px;}

.logospace {height:48px; overflow:hidden; border-bottom:1px solid #d8d8d8;}
.logocontainer {height:17px; width:93px; background:#ffffff; padding:7px 7px 7px 7px; margin:5px; -moz-border-radius:15px; -webkit-border-radius: 15px; border:1px solid #d8d8d8; overflow:hidden; margin:0 auto; margin-top:8px; text-align:center}

.leftnav {width: 125px; overflow:hidden; text-align:left; padding:0; font-size:0.85em; font-weight:normal; line-height:120%; border-top:3px solid #fff;}
.leftnav ul {margin:0; padding:0;} 
.leftnav li {list-style-type:none; border-bottom:1px solid #d8d8d8; padding:8px}
.leftnav li a {color:#2e2e2e; text-decoration:none;}
.leftnav li:hover {background-color:#666;}
.leftnav li:hover a {color:#ffffff}
.leftnav .active {background:/*url(/app/img/nav_arrow.png)*/ no-repeat 103px 7px #2e2e2e;}
.leftnav .active:hover {background:/*url(/app/img/nav_arrow.png)*/ no-repeat 103px 7px #2e2e2e;}
.leftnav .active a {color:#ffffff;}
.leftnav img {border:0; vertical-align:middle; margin-right:8px; margin-top:-3px;}


/* RIGHT LAYOUT. */

.maincontent {width:99.25%;}
#right {margin: 0px 0px 0px 125px; background-color:#ffffff; -moz-border-radius-bottomright:15px; -moz-border-radius-topright:15px; border-left:1px solid #d8d8d8; -webkit-border-bottom-right-radius: 30px; -webkit-border-top-right-radius: 30px;}
#right .content {padding: 5px 24px 24px 24px; min-height:510px;}
#right .content2 {padding: 24px 0px 0px 0px;}

/* PAGE TOP ITEMS */

.top {height:70px;}
.topleft {float:left;}
.topleft img {border:0; vertical-align:middle; margin-right:0px; margin-top:-3px;}
.topright {width:442px; float:right; text-align:right; font-size:0.8em; font-weight:bold; padding-right:11px; margin-top:-10px;}

.searchlabel p {margin-top:-1px; font-size:1.1em; padding-right:10px;}
.searchfield {background:url(/econtent/intouchcmssupport/images/field_search.jpg) 0px 0px no-repeat; width:205px; border:0; height:36px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px; color:#999; line-height:35px;}
.searchfield:focus {background:url(/econtent/intouchcmssupport/images/field_search_focus.jpg) 0px 0px no-repeat; width:205px; border:0; height:36px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px; color:#2e2e2e;}
.searchfield:hover {background:url(/econtent/intouchcmssupport/images/field_search_focus.jpg) 0px 0px no-repeat; width:205px; border:0; height:36px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px;}
.searchbutton {background: white url(/econtent/intouchcmssupport/images/button_search.png) 0px -36px no-repeat; height:36px; border:0; width:42px; cursor:pointer; margin-top:1px;}
.searchbutton:hover {background-position: 0px 0px;}
.searchbutton:active {background-position: 0px -72px;}

.searchlabel2 p {margin-top:0px; font-size:1em; padding-right:0px; margin-bottom:15px}
.searchfield2 {background:url(/app/img/field_search.jpg) 0px 0px no-repeat; width:205px; border:0; height:33px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px; color:#999; line-height:35px;}
.searchfield2:focus {background:url(/app/img/field_search.jpg) 0px 0px no-repeat; width:205px; border:0; height:33px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px; color:#2e2e2e;}
.searchfield2:hover {background:url(/app/img/field_search.jpg) 0px 0px no-repeat; width:205px; border:0; height:33px; padding:0px 10px 10px 10px; font-size:1em; margin-top:1px;}
.searchbutton2 {background: white url(/app/img/button_search2.png) 0px -36px no-repeat; height:36px; border:0; width:42px; cursor:pointer; margin-top:1px;}
.searchbutton2:hover {background-position: 0px 0px;}
.searchbutton2:active {background-position: 0px -72px;}

.statusbar {background:#fbfbfb; height:47px; overflow:hidden; border-bottom:1px solid #cccccc; padding:2px 5px 0 5px; color:#2e2e2e; margin-bottom:20px; margin-top:-25px; -moz-border-radius-topright:15px;}
.statusbarleft {float:left;}
.statusbarright {/*width:247px;*/ float:right; text-align:right;
	height: 43px;
}
.statusbarright img {vertical-align:middle; margin-right:5px; margin-left:-1px; margin-top:-4px}
.topupbutton {background:url(/app/img/button_topup.png) 0px -20px no-repeat; width:60px; border:0; height:21px; cursor:pointer; margin-left:5px; margin-top:-2px;}
.topupbutton:hover {background-position: 0px 1px;}
.topupbutton:active {background-position: 0px -41px}

/* RIGHT CONTENT ITEMS */

.actionbar {height:55px; overflow:hidden; border-bottom:1px solid #d8d8d8; background:#ffffff; margin-top:20px;}
.actionbarleft {float:left;}
.actionbarright {width:430px; float:right; text-align:right; font-size:0.75em; font-weight:bold;}

/* TAB MENU STYLING */

.tabmenucontainer {padding:1px; border:1px solid #cccccc; margin-bottom:20px}
.tabmenutop {width:100%; background:#2e2e2e; overflow:hidden; padding:12px 0px 0px 0px; height:27px;}
.tabmenutop ul {margin:0; padding:0 10px 0 10px; font-size:0.75em; margin-top:5px}
.tabmenutop img {border:0; vertical-align:middle; margin-right:0px; margin-left:-1px;}
.tabmenutop li {list-style-type:none; color:#484848; display:inline; background:#eaeaea; padding:7px 12px 5px 10px; text-align:center; margin-right:5px; border-bottom:2px solid #cce8ff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.tabmenutop li a {color:#484848; text-decoration:none; font-weight:normal; margin-left: 5px;}
.tabmenutop li a:hover {text-decoration:underline;}
.tabmenutop .active {list-style-type:none; background:#fff; font-weight:bold; color:#fff; border-bottom:2px solid #ffffff}
.tabmenutop .active a {list-style-type:none; font-weight:bold; color:#2d2d2d}

.tabmenucontent {padding:12px 15px 15px 15px}
.tabmenucontent2 {padding:12px 15px 15px 15px}
.tabmenucontent h4 {margin-top:0px}
.tabmenucontentheading {border-bottom:1px solid #ccc; height:50px; overflow:hidden; margin-bottom:20px}
.tabmenucontentheading2 {border-bottom:0px solid #ccc; height:50px; overflow:hidden}
.tabmenucontentleft {width:49%; text-align:left; float:left}
.tabmenucontentright {width:49%; text-align:left; float:right; text-align:right;}
.tabmenucontentleft p {margin-top:8px}
.tabmenucontentright p {margin-top:8px}

/* HOMEPAGE */

.wizardcontainer {background:#fbfbfb; border:1px solid #d8d8d8; -moz-border-radius:15px; -webkit-border-radius: 15px; margin-bottom:20px; margin-top:20px}
.wizardcontent {}
.wizardcontent p {font-size:0.75em}
.wizardcontent h1 {font-size:1em; font-weight:bold; margin-top:10px;}
.wizardcontent button.submitBtn2 span {padding: 7px 0 4px 10px;}
.wizardcontent img {border:0}
.wizardcontent button.submitBtn4 {padding: 0 10px 0 0; margin-right:2px; font-size:1em; text-align: center; background: transparent url(/app/img/button_action3.png) no-repeat right -175px; margin-top:4px}

.contactsboxcontainer {background:#fbfbfb; border:1px solid #d8d8d8; -moz-border-radius:15px; margin-bottom:20px; margin-top:20px}
.contactsboxcontent {font-size:0.9em;}
.contactsboxcontent button.submitBtn2 span {padding: 7px 0 4px 10px;}
.contactsboxcontent img {border:0; vertical-align:middle; margin-right:5px;}
.contactsboxcontent button.submitBtn4 {padding: 0 10px 0 0; margin-right:2px; font-size:1em; text-align: center; background: transparent url(/app/img/button_action3.png) no-repeat right -175px; margin-top:4px}
.purple {font-size:1.5em; color:#745389; padding-top:2px; font-weight:bold}
.contactsboxcontainer a {color:#745389}
.contactsboxcontainer a:hover {color:#624177}
.contactsboxcontainer a:active {color:#4d2c62}
.white {font-size:1.2em; color:#ffffff; padding-top:2px; font-weight:bold}
.white a {color:#ffffff}
.white a:hover {color:#f2deff}

.emailboxcontainer {background:#fbfbfb; border:1px solid #d8d8d8; -moz-border-radius:15px; margin-bottom:20px; margin-top:20px}
.emailboxcontent {font-size:0.9em;}
.emailboxcontent button.submitBtn2 span {padding: 7px 0 4px 10px;}
.emailboxcontent img {border:0; vertical-align:middle; margin-right:5px;}
.emailboxcontent button.submitBtn4 {padding: 0 10px 0 0; margin-right:2px; font-size:1em; text-align: center; background: transparent url(/app/img/button_action3.png) no-repeat right -175px; margin-top:4px}
.green2 {font-size:1.5em; color:#4c9655; padding-top:2px; font-weight:bold}
.green2 a {color:#4c9655}
.green2 a:hover {color:#367c3f}
.green2 a:active {color:#27672f}
.white2 {font-size:1.2em; color:#ffffff; padding-top:2px; font-weight:bold}
.white2 a {color:#ffffff}
.white2 a:hover {color:#d4ffd9}

/* 2 COL LAYOUT */

.twocol_pageleft {float:left; width:67%; overflow:hidden;}
.twocol_pageright {float:right; width:29%; background:#fbfbfb; padding:10px; border-left:1px solid #e0e0e0}
.twocol_rightboxcontent {padding:5px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#ffffff; margin-bottom:10px;  -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;}
.twocol_rightboxcontent img {border:0; vertical-align:middle}

.new_info_box {background:#EFF8FF; color:#203e55; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.67em; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.new_info_box img {vertical-align:middle; border:0}
.new_info_box a {}
.new_info_box a:hover {}
.new_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.new_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.green_info_box {background-color:#4c9655; color:#ebffed; border:1px solid #e0e0e0; padding:8px; height:19px; overflow:hidden; font-size:0.67em; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.green_info_box img {vertical-align:middle; border:0}
.green_info_box a {color:#ebffed;}
.green_info_box a:hover {color:#c4e9c7;}
.green_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.green_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.black_info_box {background-color:#2E2E2E; color:#ffffff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.67em;}
.black_info_box img {vertical-align:middle; border:0}
.black_info_box a {color:#ffffff;}
.black_info_box a:hover {color:#ffffff;}
.black_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.black_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.purple_info_box {background-color:#745389; color:#f7eaff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.67em;}
.purple_info_box img {vertical-align:middle; border:0}
.purple_info_box a {color:#f7eaff;}
.purple_info_box a:hover {color:#e7c9f9;}
.purple_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.purple_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.blue_info_box {background-color:#346585; color:#cce8ff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.67em;}
.blue_info_box img {vertical-align:middle; border:0}
.blue_info_box a {color:#cce8ff;}
.blue_info_box a:hover {color:#a1cbee;}
.blue_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.blue_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.grey_info_box {background-color:#aaaaaa; color:#cce8ff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.67em;}
.grey_info_box img {vertical-align:middle; border:0}
.grey_info_box a {color:#346585;}
.grey_info_box a:hover {color:#a1cbee;}
.grey_info_box_left {float:left; width:75%; font-size:1.4em; font-weight:bold}
.grey_info_box_right {float:right; width:25%; text-align:right; font-size:1em; padding-top:2px}

.info_box_left_half {float:left; width:50%; font-size:1.4em; font-weight:bold}
.info_box_right_half {float:right; width:50%; font-size:1em; text-align:right;}

/* CONTACT SPECIFIC PAGE STYLING */

.purple {font-size:1.5em; color:#745389; padding-top:2px; font-weight:bold}
.gold {font-size:1.2em; color:#865b09; padding-top:2px; font-weight:bold}
.gold a {color:#865b09}
.gold a:hover {color:#614105}

.contact_details_form  {font-size:0.7em; color:#2e2e2e;}
.contact_details_form td {vertical-align: top; padding-bottom: 5px;}
.contact_details_form input {border:1px solid #ccc; -moz-border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-left:5px; padding-right:5px; width:100%}
.contact_details_form textarea {border:1px solid #ccc; -moz-border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-left:5px; padding-right:5px; width:100%; height:70px}

.contact_events_box {}
.contact_salesleads_box {}


.contact_tasks_form  {font-size:0.7em; color:#2e2e2e;}
.contact_tasks_form td {vertical-align: top; padding-bottom: 5px;}

/* GRID STYLING */

.gridcontainer {font-size:0.75em; color:#2e2e2e; margin-top:0px; margin-bottom:10px; line-height:150%; font-weight:normal}

.hidden{display:none;}
.details_expanded {font-size:1em; color:#2e2e2e; padding-left:10px;}
.details_expanded input {border:1px solid #ccc; -moz-border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-left:5px; padding-right:5px; width:100%}

.dxgv {padding-top:3px;padding-bottom:3px; font-size:0.75em;}
.dxgv a {color:#316fa2; text-decoration:none; font-weight:bold;}

.dxgvControl,.dxgvDisabled{cursor: default; width:100%}
.dxgvDisabled {}
.dxgvControl a {}
.dxgvDisabled a{}
.dxgvLoadingPanel {border: solid 1px #e4eff9; background-color: #fbfbfb; font-size:0.8em; color:#2e2e2e;}
.dxgvLoadingPanel td {white-space: nowrap; text-align: center; padding: 12px 12px 12px 12px;}
.dxgvLoadingPanelStatusBar {background-color: Transparent;}
.dxgvLoadingPanelStatusBar td {white-space: nowrap; text-align: center; padding: 0px 2px 0px 2px;}

.dxgvTable { font-family:Arial, Helvetica, sans-serif; background-color: White; border-collapse: separate!important; color: Black; border:1px solid #D3D3D3}
.dxgvInlineEditRow,.dxgvDataRow {}
.dxgvInlineEditRow td.dxgv {border-bottom: Solid 1px #D3D3D3; border-right: Solid 1px #D3D3D3;}

.dxgvDataRow {background:#f3f8fc;}
.dxgvDataRowAlt {background-color: #f9fbfe;}

/* GRID STYLING: FILTER BAR & FILTER ROW */

.dxgvFilterRow {background-color: #fbfbfb; padding-top:4px; padding-bottom:4px;}
.dxgvFilterRow input {background-color:#000000;}
.dxgvFilterRow td.dxgv {border-bottom: Solid 1px #C1C1C1; border-right: Solid 1px #C1C1C1; border-top: Solid 1px #C1C1C1; border-left: 0; padding: 2px 2px 2px 2px;}
.dxgvFilterPopupWindow {color: Black; border: solid 1px #e4eff9;}
.dxgvFilterPopupItemsArea {color: Black; background-color: White;}
.dxgvFilterPopupButtonPanel {background-color: #eaeaea; border: 1px solid #dcdcdc; border-left-width: 0px; color: Black;}
.dxgvFilterPopupItem td.dxgv, .dxgvFilterPopupActiveItem td.dxgv, .dxgvFilterPopupSelectedItem td.dxgv {border-left: solid 1px white; border-right: solid 1px white; padding: 3px 2px 4px 3px; cursor: default;	white-space: nowrap;}
.dxgvFilterPopupActiveItem {background: #eaeaea; color: Black;}
.dxgvFilterPopupSelectedItem {background: #2E2E2E; color: White;}

.dxgvFilterBar {border-top: solid 1px #e4eff9;}
.dxgvFilterBar a {}
.dxgvFilterBarCheckBoxCell {padding: 0 3px; padding-right: 7px;}
.dxgvFilterBarImageCell {padding: 0 3px; padding-right: 1px; cursor: pointer; cursor: hand;}
.dxgvFilterBarExpressionCell {font-size: 9pt; padding: 5px 5px 8px 0; white-space: nowrap;}
.dxgvFilterBarClearButtonCell {font-size: 9pt; padding: 5px 6px 8px;}
.dxgvFilterBuilderMainArea {background: yellow; padding: 6px 2px;} 
.dxgvFilterBuilderButtonArea {background: yellow; border-top: solid 2px #ffffff; padding: 6px;}


.dxeEditArea { border-width:5px; width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;margin-left:2px; margin-right:1px; margin-top:1px; margin-bottom:2px;}
.dxeTextBox {width:100%;border-collapse:collapse;border-collapse:separate; background-color:#ffffff; border:1px solid #c1c1c1}


.dxgvEditForm {background-color: aqua;}
.dxgvEditForm td.dxgv {border-bottom: Solid 1px #D3D3D3; padding: 8px 10px 10px 10px;}
.dxgvSelectedRow {color: #EEEEEE; background-color: #909090;}
.dxgvFocusedRow {color: #EEEEEE; background-color: #909090;}
.dxgvSelectedRow .dxgvCommandColumn a, .dxgvFocusedRow .dxgvCommandColumn a{color: #EEEEEE;}
.dxgvSelectedRow .dxgvCommandColumn a:hover, .dxgvFocusedRow .dxgvCommandColumn a:hover {color: #EEEEEE;}
.dxgvSelectedRow .dxgvCommandColumn a:visited, .dxgvFocusedRow .dxgvCommandColumn a:visited {color: #EEEEEE;}
.dxgvPreviewRow {background:#f9fbfe; color: black;}
.dxgvDetailCell, .dxgvPreviewRow td.dxgv, .dxgvEmptyDataRow td.dxgv{padding: 20px 2px 20px 4px; border-bottom: Solid 1px #D3D3D3; border-top: 0; border-left: 0; border-right: 0;}
.dxgvPreviewRow td.dxgv {padding: 10px 10px 10px 15px;}
.dxgvDetailCell {padding: 16px 18px 16px 0px;}
.dxgvDetailRow td.dxgvIndentCell {padding-right: 0px; border-bottom: Solid 1px #D3D3D3;}
.dxgvEmptyDataRow {color: Gray;}
.dxgvEmptyDataRow td.dxgv {border-bottom: solid 2px #ffffff; text-align: center;}
.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {border-bottom: solid 2px #ffffff; border-right: solid 2px #ffffff;	border-top: 0; border-left: 0; padding: 3px 6px 4px 6px;}
.dxgvEditFormDisplayRow {}
.dxgvEditFormDisplayRow td.dxgv {}
.dxgvEditingErrorRow {background-color: yellow; color: #FF0000;}
.dxgvEditingErrorRow td.dxgv {white-space: pre-wrap; border-bottom: Solid 1px #D3D3D3; border-right: 0; border-top: 0; border-left: 0; padding: 6px 10px 6px 10px;}

.dxgvGroupRow {background-color: yellow;}
.dxgvFocusedGroupRow {background-color: yellow; color: White;}
.dxgvGroupRow td.dxgv,
.dxgvFocusedGroupRow td.dxgv {border: none 0; vertical-align: middle; white-space: nowrap; border-bottom: Solid 1px #D3D3D3; padding: 3px 6px 4px 6px;}
.dxgvFocusedRow td.dxgvIndentCell,
.dxgvFocusedGroupRow td.dxgvIndentCell,
.dxgvSelectedRow td.dxgvIndentCell {background-color: yellow!important; border-right: solid 2px #ffffff; border-top: 0px;}
.dxgvHeaderPanel {background-color: yellow; color: Black; padding: 8px 6px 8px 6px; border-bottom: Solid 1px #f9f9f9;}

.dxgvHeader {cursor: pointer; white-space: nowrap; padding: 4px 6px 5px 6px; background-color: #ffffff; -moz-user-select: none; font-weight: normal; text-align: left; font-size:0.75em}

.dxgvHeader, .dxgvHeader table {font-family:Arial, Helvetica, sans-serif; color: #2e2e2e; font-weight:bold; }
.dxgvHeader td {white-space: nowrap;}
.dxgvHeader a {color:#316fa2; text-decoration:none; font-weight:bold;}
.dxgvCustomization, .dxgvPopupEditForm {width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; overflow: auto;}
.dxgvGroupPanel {white-space: nowrap; font-size: 9pt; background-color: #FBFBFB; color: #2e2e2e; border: Solid 1px #C1C1C1; padding: 7px 4px 8px 6px; margin-bottom:2px;}
.dxgvFooter {background:#FBFBFB; color:#2e2e2e; white-space: nowrap;}
.dxgvFooter td.dxgv {padding: 5px 6px 6px 6px; border-bottom: Solid 1px #BCBCBC; border-right: 0;}
.dxgvGroupFooter {background-color: yellow;}
.dxgvGroupFooter td.dxgv {white-space: nowrap;}
.dxgvGroupFooter td.dxgv {padding: 5px 4px 6px 6px; border-bottom: solid 2px #ffffff; border-right: 0;}
.dxgvDataRow td.dxgvIndentCell, .dxgvGroupRow td.dxgvIndentCell, .dxgvGroupFooter td.dxgvIndentCell {background-color: yellow; border-right: solid 2px #ffffff; border-top: 0px;}
.dxgvTitlePanel, .dxgvTable caption {font-size: 15px; font-weight: normal; padding: 3px 3px 5px 3px; text-align: center; background-color: yellow; color: White; border-bottom: Solid 1px #e4eff9;}
.dxgvLoadingDiv {background-color:yellow;}
.dxgvStatusBar {border-top: Solid 1px #e4eff9;}
.dxgvStatusBar tr.dxgv {height: 20px;}
.dxgvCommandColumn {padding: 2px 2px 2px 2px;}
.dxgvCommandColumn a {margin: 0px 3px 0px 0px;}
.dxgvCommandColumn a:hover {color:  #5494ea;}
.dxgvCommandColumn a:visited {color:  #ab59a6;}
.dxgvCommandColumnItem {}
.dxgvEditFormTable {padding: 2px 6px 6px 4px; font: 11px ; color: Black;}
.dxgvEditFormTable a {}
.dxgvEditFormTable a:hover {}
.dxgvEditFormTable a:visited {}
.dxgvEditFormCaption {padding: 4px 4px 4px 10px;}
.dxgvInlineEditCell {padding: 1px 1px 1px 1px;}
.dxgvEditFormCell {padding: 4px 4px 4px 4px; border: 0;}
.dxgvControl .dxpControl, .dxgvDisabled .dxpControl {padding-top: 4px;}
.dxgvPagerTopPanel {}

.dxgvPagerBottomPanel {font-family:Arial, Helvetica, sans-serif; padding:8px; margin-top: 20px; font-size:0.95em; text-align:center; font-size:0.75em; background:#FBFBFB; color:#2e2e2e; border:1px solid #CCCCCC; text-align:center;}
.dxgvPagerBottomPanel table {margin: 0 auto;}
.dxgvPagerBottomPanel a {color:#316fa2; text-decoration:none; font-weight:bold;}
.dxgvPagerBottomPanel tr {text-align:center;}

.dxgvDetailButton {}

.dxpcControl {font-size:1em; background-color:#ffffff; border-left:1px }
.dxpcHeader {background-color:#2E2E2E; border:1px solid #C1C1C1; padding:5px; font-size:0.75em; color:#ffffff; font-weight:bold;}
.dxmSubMenu {background-color:#fbfbfb; border:1px solid #C1C1C1; padding:5px; font-size:0.75em; color:#2e2e2e; line-height:150%}
.dxlbd {background-color:#fbfbfb; border:1px solid #C1C1C1; font-size:1em; color:#2e2e2e; text-align:left; padding:5px;}

.dxeCalendar {background-color: #FFF; border: 1px solid black;}
.dxeCalendar td {padding: 3px;}

/* INTOUCH TABLE */

.hidden {display:none;}
.fancyboxerror {color: #A20A0A; border: 1px solid #DE2138;	background-color: #EDDDDF;}
.intouchtable {font-family:Arial; background-color: White; border: 0; border-collapse: separate!important; color: Black; font-size:0.75em; empty-cells: show; table-layout: fixed; width: 100%;}
.intouchtable td {padding:10px; /*padding: 3px 6px 4px; - before 23rd Feb*/}
.intouchtable td.image { width: 25px; text-align: center;}
.intouchtable th {padding:10px; text-align:left;}
.intouchtable tr {background-color: #F9FBFE;}    
.intouchtable tr.odd {background-color: #F9FBFE; }
.intouchtable tr.even {background-color: #F3F8FC; }
.intouchtable p { font-size: 1em; margin: 7px 0;}

.tabletitle {font-size:1.0em; color:#2e2e2e; margin-top:20px; margin-bottom:20px; line-height:150%; font-weight:normal; font-weight:bold; border-bottom:1px solid #ccc;}

.tableleft {float:left; width:49%;}
.tableright {float:right;width:49%;}







/* INTERACT, HELP, LEARN TABS */

.interactiveplaceholder {float:right; /*right:23px; height:520px; margin-right:-23px; width:55px;*/}

.video_feature {text-align:center; width:120px; float:left; margin-right:10px; z-index:300;}
.video_feature p {font-size:0.6em; font-weight:bold;}
.video_feature a {text-decoration:none;}
.video_feature a:hover {text-decoration:underline;}

.help_feature {float:left; width:140px; line-height:100%; z-index:10;}
.help_feature ul {margin:0; padding:0; font-size:0.6em; font-weight:bold;}
.help_feature li {background:url(/app/img/nav_help.png) no-repeat; padding-left:25px; padding-bottom:6px; margin-bottom:6px; list-style-type:none;}
.help_feature .viewfull {font-size:0.6em; font-weight:bold; text-align:right;}

.interact_slide {width: 429px; background: #eb3737; height:146px; z-index:10}
.slidecontent_interact {height:116px; width:400px; overflow:hidden; padding:15px; border-left:1px solid #cf2e2e}
.slidecontent_interact p {margin-top:10px; color:#ffffff;}
.slidecontent_interact a {color:#ffffff; font-weight:bold;}
.slidecontent_interact img {border:0; vertical-align:middle;}

.help_slide {width: 429px; background: #ffc600; height:146px; z-index:10; }
.slidecontent_help {height:116px; width:400px; overflow:hidden; padding:15px; border-left:1px solid #e4ad00;}
.slidecontent_help p {margin-top:10px; color:#6c3a00;}
.slidecontent_help a {color:#6c3a00}
.slidecontent_help a:hover {color:#eb3737}
.slidecontent_help .video_feature img {border:1px solid #e4ad00}
.slidecontent_help .viewfull a {color:#eb3737}
.slidecontent_help .viewfull a:hover {color:#b20f0f}
.slidecontent_help .help_feature li {border-bottom:1px solid #e4ad00;}

.learn_slide {width: 429px; background: #2e2e2e; height:146px; z-index:10}
.slidecontent_learn {height:116px; width:400px; overflow:hidden; padding:15px; border-left:1px solid #3f3f3f;}
.slidecontent_learn p {margin-top:10px; color:#ffc600}
.slidecontent_learn a {color:#ffc600;}
.slidecontent_learn a:hover {color:#efefef}
.slidecontent_learn .video_feature img {border:1px solid #3f3f3f}
.slidecontent_learn .viewfull a {color:#ffffff}
.slidecontent_learn .viewfull a:hover {color:#ffe485}
.slidecontent_learn .help_feature li {border-bottom:1px solid #444444;}

.suggestion_slide {width: 429px; background: #D6D6D6; height:85px;}
.slidecontent_suggestion {height:50px; width:400px; overflow:hidden; padding:15px;}
.slidecontent_suggestion p {margin-top:0px; color:#333333;}
.slidecontent_suggestion a {color:#000000;}


/* QUICK SEND */

.quick-send {font-size:0.9em; color:#fff}
.quick-send a.quick-send-open-link:link, .quick-send a.quick-send-open-link:visited, .quick-send a.quick-send-open-link:active {background: url("../img/button_contact_2.png") no-repeat scroll 0 0 transparent; 
    height: 9px; padding: 6px 0 0 20px; width: 0; }
.quick-send.active {position: relative;}
.quick-send {display: inline-block; height: 19px; vertical-align: -4px; width: 20px;}
.quick-send-list-mid {-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45); background-color: #EB3738; padding: 8px 0; text-align: left; width: 120px;}
.hidden {display: none;}
.quick-send-list-wrapper {left: -130px; position: absolute; top: -6px; z-index: 8;}
.quick-send ul {margin:0; padding:0; padding-left:15px;}
.quick-send li {list-style-type:none;}
.quick-send a {color:#fff}
.quick-send a:hover {text-decoration:underline;}

/* FOOTER */

.footer {min-width:1024px;}
.footerleft {width:50%; float:left}
.footerright {width:50%; float:right; text-align:right; font-size:0.8em; font-weight:bold;}
.footerright p {color:#678ba9; margin-top:10px;}
.footerright img {vertical-align:middle; border:0}

/* CALENDAR */

#calendar, #divAddEvent {font-size:0.8em;}
.fc-agenda .dynamicevent .fc-event-time, .dynamicevent a {background-color: #999999; border-color: green; color: white; font-size:10px;}
#UserColourList {margin: 0px; padding: 4px;}
#UserColourList li {border: 0px solid #DDDDDD; display: inline; float: left;list-style: none outside none; margin: 0 1px 1px 0; padding: 3px; width: 120px; font-size:11px; cursor:pointer;}
        
.colourSelection {height: 10px; width: 10px; border: solid 1px #FFF; float: left; margin: 5px 5px;}
.colourSelectionHover {border: solid 1px #000;}
.colourPopup {position: absolute; background-color: #DDD; padding: 5px 10px 10px 10px; width: 160px;}

table.calendar_event{ width:100%; }
table.calendar_event td{ padding:5px; }
table.calendar_event td.caption{ width:60px; }
table.calendar_event td span.note{ color:#888; font-size:.85em; font-style:italic; display:inline; }
table.calendar_event td span.results{ color:#ffc600; font-size:1em; font-style:italic; font-weight:bold; }

/* ERROR, VALIDATION & INFO MESSAGES */

.valSummary {font-size: 0.8em; border: 1px solid #cd0a0a; background: #FEF8F6; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:10px;}
.valSummary ul {color: #2e2e2e; padding-left:10px;}
.valSummary ul li {background: url(/app/img/systemmessage_error.png) no-repeat 0px 4px; padding-left:20px; list-style-type:none; line-height:175%}
.valSummary ol {color: #2e2e2e; padding-left:10px;}
.valSummary ol li {margin-left:20px;}

.warning {font-size: 0.8em; border: 1px solid #BEA513; background: #FCFAF1; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:10px;}
.warning ul {color: #2e2e2e; padding-left:10px;}
.warning ul li {background: url(/app/img/systemmessage_info.png) no-repeat 0px 4px; padding-left:20px; list-style-type:none; line-height:175%}
.warning ol {color: #2e2e2e; padding-left:10px;}
.warning ol li {margin-left:20px;}

.success {font-size: 0.8em; border: 1px solid #3c7831; background: #5ea351; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:10px;}
.success ul {color: #cfffcb; padding-left:10px;}
.success ul li {background: url(/app/img/systemmessage_tick.png) no-repeat 0px 4px; padding-left:20px; list-style-type:none; line-height:175%}
.success ol {color: #cfffcb; padding-left:10px;}
.success ol li {margin-left:20px;}



/* NEW BUTTON STYLING */

.buttons {list-style: none; margin: 0px; padding: 5px 0px 3px; height: 36px;}
.buttons li {margin: 0px 8px 0px 0px; padding: 0px;	float: left; height: 36px;}
.buttons li a:link, .buttons li a:visited, .buttons li a:active {float: left; padding: 0px 12px; font-size: 11px;	height: 36px; line-height: 36px; white-space: nowrap; font-weight: normal; text-decoration: none;}
.buttons li a span {font-weight: normal;}
.buttons img {border:0; vertical-align:middle; margin-top:-2px; margin-right:3px;}

.yellow li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellow li a:link, .yellow li a:visited, .yellow li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% 0px; color: #693607;}
.yellow li:hover {background-position: 100% -36px;}
.yellow li:hover a:link, .yellow li:hover a:visited, .yellow li:hover a:active, .yellow li.current a:hover {background-position: 0% -36px;}

.yellowonblack li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellowonblack li a:link, .yellowonblack li a:visited, .yellowonblack li a:active {background: transparent url('../img/bg_section_nav_link_left2.png') no-repeat 0% 0px; color: #693607;}
.yellowonblack li:hover {background-position: 100% -36px;}
.yellowonblack li:hover a:link, .yellowonblack li:hover a:visited, .yellowonblack li:hover a:active, .yellowonblack li.current a:hover {background-position: 0% -36px;}

.grey li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -72px;}
.grey li a:link, .grey li a:visited, .grey li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -72px; color: #2E2E2E;}
.grey li:hover {background-position: 100% -108px;}
.grey li:hover a:link, .grey li:hover a:visited, .grey li:hover a:active, .grey li.current a:hover {background-position: 0% -108px;}

.black li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -144px;}
.black li a:link, .black li a:visited, .black li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -144px; color: #ffc600;}
.black li:hover {background-position: 100% -180px;}
.black li:hover a:link, .black li:hover a:visited, .black li:hover a:active, .black li.current a:hover {background-position: 0% -180px;}

.green li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -216px;}
.green li a:link, .green li a:visited, .green li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -216px; color: #ecffe9;}
.green li:hover {background-position: 100% -252px;}
.green li:hover a:link, .green li:hover a:visited, .green li:hover a:active, .green li.current a:hover {background-position: 0% -252px;}

.red li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -288px;}
.red li a:link, .red li a:visited, .red li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -288px; color: #ffffff;}
.red li:hover {background-position: 100% -324px;}
.red li:hover a:link, .red li:hover a:visited, .red li:hover a:active, .red li.current a:hover {background-position: 0% -324px;}

.blue li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -360px;}
.blue li a:link, .blue li a:visited, .blue li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -360px; color: #ffffff;}
.blue li:hover {background-position: 100% -396px;}
.blue li:hover a:link, .blue li:hover a:visited, .blue li:hover a:active, .blue li.current a:hover {background-position: 0% -396px;}

/* ASP AJAX TABS ADDED BY DAVE */

.ajax__tab_header{width:100%; background:#2e2e2e; overflow:hidden; padding:12px 0px 0px 0px; height:27px;}
.ajax__tab_outer, .ajax__tab_active .ajax__tab_outer {background: none repeat scroll 0 0 #EAEAEA; border-bottom: 2px solid #CCE8FF; color: #484848; display: inline; list-style-type: none; margin-left: 5px; padding: 6px 12px 5px 12px; text-align: center; font-size: 12px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
.ajax__tab_active .ajax__tab_outer {background: none repeat scroll 0 0 #FFFFFF; border-bottom: 2px solid #FFFFFF; color: #2D2D2D; font-weight: bold;}

/* ASP.NET PROGRESS BOX */

.updateProgress {position:absolute; top:45%; left: 45%; background-color:#EEE; border: 1px solid #000; padding: 15px;}
.updateProgressPopup {font-size: 1.1em; background-color:#EEE; border: 1px solid #000; padding: 15px; padding-left: 40px; background-image: url('../images/loading.gif'); background-repeat: no-repeat; background-position: 10px center;}

/* UL Styling for button bar */

ul.buttons grey {display:block; padding:0px;}
.buttons grey li {display: inline;}
.buttons greyfirst {float: left;}

/* popup windows that open in new browser window. E.g. List Email tags page. */
.popupwindow {margin: 10px; padding: 10px; background-color: #FFF; border: 1px solid #d8d8d8;}

/* simple right aligned tabs. e.g. email reports, open charts selection */
.righttabs { text-align: right; }
.righttabs ul {font-size:0.75em;}
.righttabs li {list-style-type:none; display:inline; background:#eaeaea; padding:7px 12px 5px 10px; text-align:center; margin-right:5px;}
.righttabs li a {color:#484848; text-decoration:none; font-weight:normal; margin-left: 5px;}
.righttabs li a:hover {text-decoration:underline;}

/*################*/
/*#### Campaign Preview Screen shots ####*/
/*################*/
.campaignpreview-thumbnail {float: left; width: 200px; height: 200px; border: 1px solid #484848; margin: 0 15px 15px 0; padding: 5px;}


/* a simple containing box */
.simpleBox {padding: 10px; margin: 10px 0; border: 1px solid #ccc;}
.simpleWidgetBox {padding: 10px; margin: 10px 0;}

/* lists that can be drag and drop sorted */
ul.sortable {list-style-type: none; margin: 0; padding: 0;}
ul.sortable li {width:300px; margin-bottom: 5px; padding:4px; padding-left:10px; cursor:move; border: 1px solid #333; background-color: #EEE;}

/* customisable widgets */
.portalColumn {width: 47%; float: left; min-height: 200px; height: auto !important; height: 200px; margin-right: 10px; background: border: 2px dashed #dadada; padding:5px; background:#f8f8f8 url(../img/widgetboxbg.jpg) center top no-repeat;}
.portalWidget {background-color:#2e2e2e; margin-bottom:10px;}
.portalWidget p {margin-top:0px; padding-top:10px;}
.portalWidget .widgetContent {background-color:#ffffff; padding:10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.portalWidget .widgetContent div {font-size: 0.8em; line-height:150%}
.widgetHandle {cursor: move; background-color:#2e2e2e; color:#ffffff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.75em; font-weight:bold;}
.widgetHandle img {vertical-align:middle; border:0; margin-right:7px;}
.widgetHandle a {color:#ebffed;}
.widgetHover {border: 2px dashed #999; background-color:#eeeeee}

.widgetContent {font-size:0.9em;}
.widgetContent ul {margin:0; padding:0}
.widgetContent li {list-style-type:none; padding-bottom:10px; padding-top:11px; border-bottom:1px solid #cccccc;}

.widgetContent .grey li {padding-bottom:0px; padding-top:0px; border:0; margin-top:5px; margin-bottom:-10px;}

#twitter_update_list {margin:0px; padding:0; margin-top:-20px;}
#twitter_update_list ul {margin:0; padding:0}
#twitter_update_list li {list-style-type:none; padding-bottom:10px; padding-top:11px; border-bottom:1px solid #cccccc;}
.twitter-link {text-align:right; margin-top:20px;}
#twitter-link {text-align:right; margin-top:20px;}

/* customisable widgets */

#CustomiseDiv {color:#ffffff;}
#CustomiseDiv ul {list-style-type:none; margin:0; padding:0; color:#ffffff; float:left; font-size:0.8em; margin-right:30px; margin-bottom:5px;}
#CustomiseDiv li {list-style-type:none; color:#ffffff;}
.commentbox {border:0}

 /*Basic box used throughout the site 
   Replicated here for backward compatibility?*/

/*.contacttablecontainer {border: 1px solid #CCCCCC; padding: 10px;}*/

/* contact preference image divs */
.ContactPref
{
    float: left;
    width: 35px;
    text-align: center;
    margin-left: 10px;
}

/* wizard and help window */

.breadcrumbs {height:30px;}
.breadcrumbs p {font-size:0.7em;}

.process {height:50px;}
.process p {font-size:0.7em;}

.video_container {background-color:#f9f9f9; padding:10px; width:270px; margin-right:10px; margin-bottom:10px; float:left;}
.video_feature {text-align:center; width:120px; float:left; margin-right:10px; z-index:300}
.video_text {width:120px; float:left;}
.video_text p {font-size:0.7em; font-weight:bold; margin-top:7px;}
.video_text a {text-decoration:underline;}
.video_text a:hover {text-decoration:underline;}

/* business card type layout at top of contact page */
.contact_title_box { background-color: #cce8ff; padding: 10px; margin-bottom: 10px; }
.ctb_inside {border: 1px solid #ccc; background-color: #fff; padding: 10px;}
.ctb_name {font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.ctb_company {font-size: 14px;}
.ctb_contactdetails { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; font-size: 12px; vertical-align: middle;}
.ctb_contactdetails img { vertical-align: middle; margin-right: 3px;}
.ctb_cd_list {display: inline; margin: 0; padding: 0;}
.ctb_cd_list li {display: inline; list-style: none; margin: 0; padding: 0; margin-right: 15px;}

/* General styles (DG) to produce a nice italic grey footnote type text */
span.note{ color:#666; font-size:.9em; font-style:italic; display:block; margin:7px 0; }
span.smallnote{ color:#666; font-size:11px; font-style:italic; display:block; margin:0px; }

/* table style to be used in dialog windows */
table.dialog { font-size: 11px; }
table.dialog th, table.dialog td { padding: 5px; }
table.dialog th { text-align: left; }

/* table style used in areas where you just need a plain table */
table.plain { font-size: 12px; }
table.plain th, table.plain td { padding: 5px; }
table.plain th { text-align: left; }

/* add a bit of a nice heading */
table.plain td.highlight {
    background: none repeat scroll 0 0 #EFF8FF;
    border: 1px solid #CCCCCC;
    color: #203E55;
    height: 19px;
    overflow: hidden;
    padding: 8px; }


/* table style used in areas where you just need a plain table, but with padding */
table.plainpadding { font-size: 12px; }
table.plainpadding th, table.plainpadding td { padding: 15px 20px 0 0; text-align: left; }

/* seperating title within dialog windows */
.dialogtitle { font-size:14px; color:#2e2e2e; margin-top:10px; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #ccc;}

/* ajax loading div */
.ajaxload {font-size: 12px; padding: 10px; padding-left: 20px; background-image: url('../images/ajax-loader-small.gif'); background-repeat: no-repeat; background-position: 5px center;}

/* some nice looking input fields if you fancy */
input.fancybox, select.fancybox {-moz-border-radius: 5px 5px 5px 5px; border: 1px solid #DADADA; padding: 6px;}
input.fancybox:hover {border:1px solid #bcbcbc}
input.fancybox:focus {border:1px solid #FEC418}
select.fancybox:hover {border:1px solid #bcbcbc}
select.fancybox:hover {border:1px solid #FEC418}


/* email campaign - pick screenshot layout */
.selecttemplatename { padding: 8px;}
.selecttemplate {border:1px solid #e0e0e0; padding: 8px;}
.selecttemplate td {border:1px solid #e0e0e0}
.email_screenshots_options {background-color:#F3F3F3; padding: 8px; margin-top: 8px; border:1px solid #e0e0e0;}
.email_screenshots_options td {background-color:#F3F3F3}
.screenshot_image {position: relative; width: 100%; /* for IE 6 */}
.screenshot_image h2 {position: absolute; top: 10px; left: 0; width: 100%;}
.screenshot_image h2 span {color: white; font-size: 0.8em; font-weight:bold; background: #2E2E2E; /* fallback color */ background: rgba(0, 0, 0, 0.6); -moz-border-radius:5px; padding: 10px;}
.screenshot_image a {color:#ffffff}

/* homepage overview box */

.overviewbox {background:#2e2e2e; color:#fff; -moz-border-radius:5px; margin-bottom:20px; padding:20px;}
.overviewbox p {color:#ffffff}
.overviewboxleft {float:left; width:48%;}
.overviewboxright {float:right; width:46%;}
.overviewbox h1 {color:#fff; font-size:1.2em}
.overviewbox h2 {font-size:0.9em; color:#cce8ff; font-weight:bold; margin-top:5px;}
.overview_videobox {border-top:1px solid #5d5d5d; padding:10px; border-bottom:1px solid #5d5d5d; background:#262626}
.overview_videobox p {font-size:0.75em; color:#ccc}

.heightsmall{height:40px;}

/* Taskpad action buttons */

.actions { list-style: none outside none; }
.actions li { float: left; }
.actions li a:link,
.actions li a:visited,
.actions li a:active {	float: left; }

.actions li a span {display: none;}

.actions li a.icon:link, .actions li a.icon:visited, .actions li a.icon:active {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 24px;
    width: 26px;
}

.actions li a.icon:hover,
.actions li a.primary-link:link, 
.actions li a.primary-link:visited, 
.actions li a.primary-link:active, 
.actions li a.primary-link:hover { background-position: 0 0; }

.actions .tick-link {
    background-image: url("/app/img/tasks_completed_on.png");
}

.actions .download-link {
    background-image: url("/app/img/tasks_download.png");
}

.actions .tick-link-off {
    background-image: url("/app/img/tasks_completed_off.png");
}

.actions .reminder-link {
    background-image: url("/app/img/tasks_togglereminders_on.png");
}

.actions .reminder-link-off{
    background-image: url("/app/img/tasks_togglereminders_off.png");
}

.actions .edit-link {
    background-image: url("/app/img/tasks_edit.png");
}

.actions .delete-link {
    background-image: url("/app/img/tasks_delete.png");
}

/* End of action buttons */

/* Taskpad general styles */

.white, a.white {color:#ffffff;}
.blocktext { display:block; }
.spacedhigh {line-height:1.8em;}
.spacedmed {line-height:1.5em;}
.size10 {font-size:10px;}
.size12 {font-size:12px;}
.size14 {font-size:14px;}
.size16 {font-size:16px;}
.size20 {font-size:20px;}
.size24 {font-size:24px;}


/* End of action buttons */

.topmessagebar {}
.topmessagebar img {vertical-align:middle; border:0;}
.topmessagebar_yellow {background:#2E2E2E; -moz-border-radius:5px; padding:10px; color:#fff; font-size:0.85em;}
.topmessagebar_yellow a {color:#cce8ff}