#page_title
{
	background:url(../images/page_title_background_left.jpg) no-repeat left top;
	height:41px;
	text-transform: lowercase;
}

h1
{
	margin:0;
	padding:0;
	color:#fff;
	background:url(../images/page_title_background_right.jpg) no-repeat right top;
	height:41px;
	font-size:16pt;
	letter-spacing:-1px;
}

h1 div
{
	background-color:#4D4A49;
	display:block;
	height:30px;
	margin:0 19px 0 19px;
	border:3px solid #D0CCCB;
	border-width:3px 0 3px 0;
	padding:4px 0 0 8px;
}

img
{
	border: solid 0px pink;
}

/*--- column one ---*/

#content_column_one
{
	width:717px;
	background:url(../images/content_left_bg_top.jpg) no-repeat top left;
	padding:10px 0 0 0;
	float:left;
}

#content_column_one_centered
{
	width:100%;
	background:url(../images/content_center_bg_top.jpg) no-repeat top left;
	padding:10px 0 0 0;
	margin-left:auto;
	margin-right:auto;
}

#column_one_wrapper
{
	background:url(../images/content_left_bg_bottom.jpg) no-repeat bottom left;
	padding:0 0 10px 0;
}

#column_one_wrapper_centered
{
	background:url(../images/content_center_bg_bottom.jpg) no-repeat bottom left;
	padding:0 0 10px 0;
}

#column_text
{
	border:3px solid #A47DA8;
	border-width:0 3px 0 3px;
	padding:5px 10px 0 10px;
}

div.column_text_centered
{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/*--- column two ---*/

#content_column_two
{
	width:248px;
	background:url(../images/content_right_bg_top.jpg) no-repeat top left;
	padding:10px 0 0 0;
	float:right;
}

#column_two_wrapper
{
	background:url(../images/content_right_bg_bottom.jpg) no-repeat bottom left;
	padding:0 0 10px 0;
}

/*--- quick login ---*/

#quick_login
{
	margin:0;
	padding:0;
}

#quick_login label
{
	font-weight:bold;
}

#username, #password
{
	background-color:#e7e4e4;
	border:none;
	width:130px;
}

.quick_signin_field
{
	width:215px;
	height:30px;
	background:url('/images/login_field_background.jpg') no-repeat left top;
	margin:0 0 5px 0;
	padding:8px 0 0 7px;
}


/* Bits and pieces */

.para_header
{
    font-weight:bold;
    text-decoration: none;
	color: #571b65;
	background: none; 
}

.table_section_header
{
	border-bottom: #8d6aa0 1px dotted;
	text-align:left;
}

.calendar_table
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.diagram
{
	width: 800px;
	margin: 0 auto 0 auto;
}

.help_section_header
{
	border-top: #8d6aa0 1px dotted;
	padding: 20px 0 10px 0;
	font-size: 14px;
}

strong.help_section_header
{
	padding-bottom: 10px;	
}

div.login
{
	width: 200px;
	margin: 0 auto 0 auto;
}

div.mini_login
{
}

.mini_login table
{
	margin: 0 0 0 0;
}

.mini_login h3
{
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
}

#login_bits
{
	float:right;
	width: 100px;
	font-size: 7pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#login_bits input
{
	margin-top: 0;
}

#login_bits a
{
	font-size: 7pt;
	font-weight: normal;
}

#login_button
{
	float:left;
	font-size: 7pt;
}

.note_box
{
	margin: 10px auto 0 auto;
	padding: 10px 10px 0 10px;
	width: 400px;
	border: solid thin #8d6aa0;
	background-color: #ffffdd;
}

.error_text
{
	color:Red;
}

.notice
{
	color:Red;
	font-size: medium;
}
span.message_error
{
	color: Red;
}

span.message_success
{
	color: Green;
}

ul.completion_list
{
	border: 2px solid buttonshadow;
	margin: 3px 0 0 0;
	padding: 0px 2px 0px 2px;
	text-align: left;
	visibility: hidden;
	cursor: default;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background-color: #e6e5e3;
	color: windowtext;
	display: block;
	float: none;
}

ul.completion_list li
{
	display: block;
	float: none;
	margin: 2px 0 2px 0;
	background-color: #e6e5e3;
}

.upgrade_panel
{
	padding: 10px 10px 10px 10px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.modalPopup {
	background-color:white;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
}

.config_captcha
{
	position: relative;
	top: -70px;
}

#blog_rss_img
{
	position:relative;
	left: -77px;
	top:2px;
}


/* Tables */
table, table.standard_table
{
	width:100%;
	margin: 5px auto 5px auto;
	border-collapse: collapse;
	border: solid 1px white;
}

table thead, table.standard_table thead
{
	background-color:#6f3c7f;
	color: #fff;
	vertical-align: middle;
}

table th, table.standard_table th
{
	background-color:#6f3c7f;
	color: #fff;
	vertical-align: middle;
}

table thead a, table.standard_table thead a
{
	font-weight: bold;
	color: #fff;
}

table th a, table.standard_table th a
{
	font-weight: bold;
	color: #fff;
}

tr.row_odd
{
	background-color:#EEEEEE;
}

tr.row_even
{
	background-color:#CCCCCC;
}

tr.row_error
{
	background-color:#FF9999;
	color: #000000;
}

tr.row_success
{
	background-color:#CCFFCC;
}

table td.column_narrow
{
	width: 20px;
}

/* table-based text */

table.faded_grid
{
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	margin-top: 10px;
}

table.faded_grid td
{
	background-color: White;
}

table.faded_grid td.premium_column
{
	background-color: #e6e5e3;
}

table.faded_grid td
{
	border-bottom: grey 1px dotted;
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
}

table.faded_grid thead td, table.faded_grid tfoot td
{
	border: #fff 0px solid;
	border-bottom: grey 1px dotted;
	border-collapse: collapse;
	width: 90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

table.faded_grid thead td, table.faded_grid tfoot h3
{
	color: #645c5a;
}

/* -------------------------------- Forms -------------------------------- */

/* A group of fields */
.form
{
	margin: 5px 0 5px 0;
}

/* A field on a single row */
div.field
{
	width: 680px;
	float: left;
	margin: 2px 0 0 0;
}

/* The label for the field */
div.field > label
{
	width: 150px;
	margin: 0 0 0 0;
	padding: 3px 3px 0 0;
	float: left;
	text-align: right;
}

/* Left aligned label */
div.field > label.left_align_caption
{
	width: 150px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	float: left;
	text-align: left;
}

/* Arbitrary text */
div.field > span
{
	width: 200px;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	float:left;
}

/* Textbox in a field */
div.field > input[type="text"], div.field > input[type="password"]
{
	border-style: none;
	background-color:#e6e5e3;
	padding: 2px 2px 2px 2px;
	margin: 1px 2px 0 0;
	width: 200px;
	float:left;
}

/* Readonly textbox */
div.field > input.read_only
{
	background-color: #fff;
}

/* Checkbox in a field */
div.field > input[type="checkbox"]
{
	padding: 2px 2px 2px 2px;
	margin: 1px 2px 0 0;
	width: 20px;
	float:left;
}


/* Dropdown box in a field */
div.field > select
{
	border-style: none;
	background-color:#e6e5e3;
	padding: 2px 2px 2px 2px;
	margin: 1px 2px 0 0;
	width: 204px;
	float:left;
}

/* Error text to the right of the field */
.error_text
{
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	float:left;
	width: 240px;
}


/* -------------------------------- Sidebar -------------------------------- */

div.tip, div.tip_large
{
	background: #FFF url('/images/tip_sidebar.jpg') no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	height: 200px;
}

div.tip_large
{
	background: #FFF url('/images/tip_sidebar_large.jpg') no-repeat;
	height: 300px;
}

div.sidebar_section, div.sidebar_subsection
{
	width: 220px;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
}

div.sidebar_section
{
	border-bottom: solid 1px #A47DA8;
}

div.sidebar_section img, div.sidebar_subsection img
{
	float: left;
	margin-right: 10px;
}

div.sidebar_section a, div.sidebar_subsection a
{
	float: right;
}

div.sidebar_section ul
{
	list-style-type:circle;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}

div.sidebar_instruction
{
	padding: 10px 10px 10px 10px;
	font-size: 14px;
}

/* --------------------- control panel ---------------------------- */

/* left panel, border less */
div.control_panel
{
	width:717px;
	float: left;
}

/* outer divs for device and datastores */
div.device_section_outer, div.datastore_section_outer
{
	float:left;
	margin: 10px 0 10px 30px;
	padding: 10px 0 0 0;
	background: transparent url('/images/cp_section_bg_top.jpg') no-repeat left top;
	width: 313px;
	height: 160px;
}

/* inner divs for bottom border */
div.device_section_inner, div.datastore_section_inner
{
	float:left;
	margin: 0 0 0 0;
	padding: 0px 0px 10px 0px;
	background: transparent url('/images/cp_section_bg_bottom.jpg') no-repeat scroll bottom;	
}

/* content div for datastore */
div.datastore_section_content
{
	border-style: solid;
	border-color: #A47DA8;
	border-width: 0px 3px 0 3px;
	float: left;
	width: 307px;
	height: 150px;
}

/* content div for device */
div.device_section_content
{
	padding: 0 0 0 10px;
	border-style: solid;
	border-color: #A47DA8;
	border-width: 0px 3px 0 3px;
	float: left;
	width: 297px;
	height: 150px;
}

/* inner div for datastores to offset from icon */
div.datastore_section_content > div
{
	position: relative;
	top: -50px;
	left: 11px;
	margin: 0 0 0 30px;
}

/* icon for datastore, offset sideways */
img.panel_image
{
	position: relative;
	top: 10px;
	left: -25px;
}

/* account box */
div#account_section_outer
{
	float:left;
	margin: 20px 0 0 0;
	padding: 10px 0px 0px 0px;
	background: transparent url('/images/content_left_bg_top.jpg') no-repeat left top;
}

/* account box inner div for bottom border*/
div#account_section_inner
{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: transparent url('/images/content_left_bg_bottom.jpg') no-repeat scroll bottom;
}

/* account box content div */
div#account_section_content
{
	border-style: solid;
	border-color: #A47DA8;
	border-width: 0px 3px 0 3px;
	height: 150px;
	width: 710px;
}

/* account icon, offset upwards  */
div#account_section_content img.panel_image
{
	position: relative;
	top: -25px;
	left: 10px;
}

/* inner div for account to offset from icon */
div#account_section_content > div
{
	position: relative;
	top: -60px;
	left: 20px;
	width: 700px;
}

/* user fields in account box */
div#account_section_content #user_detail
{
	width: 330px;
	float: left;
}

/* subscription details in account box */
div#account_section_content #account_detail
{
	width: 330px;
	float: left;
}

div#account_section_content .button_area
{
	padding-top: 5px;
}

/* field labels 'column' */
div.labels
{
	float:left;
	padding: 0 10px 0 0;
	height: 90px;
	width: 76px;
}

/* field values 'column' */
div.values
{
	float:left;
	padding: 0 100px 0 0;
	height: 90px;
	width: 120px;
}

/* header for account box, offset from icon */
div#account_section_content > h3
{
	position: relative;
	top: -65px;
	left: 75px;	
}

/* main tab */
.device_panel_content
{
	height: 375px;
}

/* outer div for device tab */
#device_panel_outer
{
}

/* inner div for device tab bottom border */
#device_panel_inner
{
	background: transparent url('/images/content_left_bg_bottom.jpg') no-repeat scroll bottom;
	padding-bottom: 10px;
}

/* phone image */
.device_image
{
	float: left;
	padding: 10px 20px 0 10px;
	height: 105px
}

/* device config div */
.device_detail
{
	float: left;
	width: 200px;
}

/* device title */
.mini_bar_top
{
	width: 290px;
	margin: 0 0 5px 0;
}

/* row of device config buttons */
.mini_button_bar
{
	display: block;
	float: left;
	width: 260px;
	height: 20px;
	margin: 5px 0 5px 0;
}

.mini_button_bar ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.mini_button_bar li
{
	display:block;
	float:left;
	padding: 0 2px 0 0px;
	margin: 0 0 0 0;
}


/* ASP.NET AJAX tabs */

.ajaxtabs .ajax__tab_header
{
	background: transparent url('/images/cp/tab_bar.gif') repeat-x scroll top left;
	height: 30px;
	padding: 0 0 0 15px;
}

.ajaxtabs .ajax__tab_outer
{
	background: transparent url('/images/cp/tab_right.gif') no-repeat scroll top right;
	height: 20px;
	margin-right: 5px;
	padding-right:5px;
}

.ajaxtabs .ajax__tab_inner
{
	background: transparent url('/images/cp/tab_left.gif') no-repeat scroll top left;
	height: 20px;
	padding-left: 9px;
	color: white;
}

.ajaxtabs .ajax__tab_active .ajax__tab_outer
{
	background: transparent url('/images/cp/tab_right_active.gif') no-repeat scroll right center;
	height: 20px;
	margin-right: 5px;
	padding-right:5px;
}

.ajaxtabs .ajax__tab_active .ajax__tab_inner
{
	background: transparent url('/images/cp/tab_left_active.gif') no-repeat scroll top left;
	height: 20px;
	padding-left: 9px;
	color: #645c5a;
}

.ajaxtabs .ajax__tab_tab
{
	background: transparent url('/images/cp/tab_middle.gif') repeat-x scroll top left;
	height: 20px;
	padding: 2px 0 0 0;
}

.ajaxtabs .ajax__tab_active .ajax__tab_tab
{
	background: transparent url('/images/cp/tab_middle_active.gif') repeat-x scroll top left;
	height: 20px;
}

.ajaxtabs .ajax__tab_default .ajax__tab_tab
{
	background: transparent url('/images/cp/tab_middle.gif') repeat-x scroll top left;
	height: 20px;
}

.ajaxtabs .ajax__tab_body
{
	border-style: solid;
	border-color: #A47DA8;
	border-width: 0px 3px 0 3px;
	padding: 0 0 10px 0;
}

.ajaxtabs .ajax__tab_hover
{
}


/* Task specific */

div.swap
{
	width: 20px;
	height: 16px;
	background-repeat:no-repeat;
	background-position: 2px 1px;
}

div.swap span
{
	display:none;
}

div.priority_high
{
	background-image: url('/images/HighPriority.gif');
}

div.priority_normal
{
	background-image: none;
}

div.priority_low
{
	background-image: url('/images/LowPriority.gif');
}

div#status_header
{
	width: 20px;
	height: 16px;
	display: inline;
	vertical-align: bottom;
}

div#status_header img, div#status_header input
{
	padding-top:1px;
	padding-left:4px;
}