/*-------------------------------------------------------------------------------------------
Cloudtoolkit.com Styles
© 2009 SADA Systems Inc.
sadaweb@sadasystems.com
-------------------------------------------------------------------------------------------*/ 
/* Redefined */
img, div { behavior: url(js/iepngfix.htc) } /* PNG Fix for stupid IE - NOTE: This is causing the tooltips to behave funny */
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body {
	padding:0;
	margin:0;
	background:url(../image/top_nav_tile.gif) repeat-x top;
}

::-moz-selection {
 background: #fec826;
 color: #000;
}
::selection {
 background: #fec826;
 color: #000;
}

a:link, a:visited { color:#333; text-decoration:none; cursor:pointer; }
a:active, a:hover { color:#666; text-decoration:none; cursor:pointer; }


/*Wrappers ------------------------------------------------------------------------*/
#wrapme {
	width:940px;
	margin:0 auto;
}
/*Sections ------------------------------------------------------------------------*/
#header {
	color:#FFF;
	font-size:10px;
	height:56px;
	margin-bottom:20px;
}
.tagline {
	float:left;
	padding:20px 0 0 0;
}
.login {
	float:right;
	padding:20px 0 0 0;
	width:300px;
}
.login input {
	float:right;
	margin-left:3px;
	font-style:italic;
}
.login a:link, .login a:visited { color:#fff; text-decoration:none; }
.login a:hover, .login a:active { color:#fec826; text-decoration:none; }


#lost { text-align:right; font-size:9px; padding-top:2px; }
#lost a:link, #lost a:visited { color:#fff; text-decoration:none; }
#lost a:hover, #lost a:active { color:#fec826; text-decoration:none; }


/*Content Frames ------------------------------------------*/
#contentFrame_home { width:100%; margin-top:10px; }
	.home_bg { background:url(../image/hompage_graphic_bg.gif) center no-repeat; }
	#col_1 { width:32%; float:left; margin:20px 15px 0 1px; padding:0 0 30px 0; }
	#col_2 { width:32%; float:left; margin-right:15px; padding:20px 0 30px 0; }
	#col_3 { width:32%; float:left; padding:20px 0 30px 0; }
	
	#col_1 h1, #col_2 h1, #col_3 h1 { font-size:14px; border-bottom:1px solid #002f59; padding:0 0 5px 0; margin:0 0 5px 0; }
	#col_1 p, #col_2 p, #col_3 p { font-size:11px; margin:0; padding:0px; color:#666; }

#contentFrame_left { width:65%; float:left; margin-top:10px;  }
#contentFrame_left h1 { color:#002f59; font-size:24px; padding:0 0 8px 0; margin:0 0 10px 0; border-bottom:1px solid #eaeaea; }
#contentFrame_left h2 { color:#000; font-size:14px; padding:20px 0 0 0; margin:0 0 10px 0; }

#contentFrame_left a:link, #contentFrame_left a:visited { color:#002f59; text-decoration:none; }
#contentFrame_left a:hover, #contentFrame_left a:active { color:#666; text-decoration:none; }

#contentFrame_right { background:url(../image/sign_up_bg.gif) top no-repeat; width:327px; float:right; } 
.contentFrame_right_head { background:#002f59; padding:10px; margin:10px 10px 20px 10px; color:#fff; font-weight:bold; } 
.contentFrame_right_head img { padding-left:10px; } 
#contentFrame_right td { padding:5px 5px 5px 0; }
#contentFrame_right table { margin:0 30px 0 30px; }
#contentFrame_right p { margin:40px 40px 20px 45px; text-align:center; }

#footer { font-size:9px; color:#999; width:940px; clear:both; padding:10px 0 40px 0; margin-top:30px; border-top:1px solid #eaeaea; }
#footer img { float:right; border:0; }

#user_provisioning { width:613px; height:331px; background:url(../image/tools/user_provisioning.gif) no-repeat; }

/* Logo ------------------------------------------------------------------------*/
#logo {
	background:url(../image/cloud_toolkit_logo.gif) no-repeat;
	width:159px;
	height:87px;
	float:left;
	padding:0 10px 0 0;
}
#logo a {
	width:159px;
	height:87px;
	display:block;
	text-decoration:none;
}
/* Forms ------------------------------------------------------------------------*/

.fields {}
table.fields td { padding:5px 5px 5px 0; white-space:nowrap; }


input {
	background:url(../image/form_bg.gif) repeat-x top #fff; 
	border:1px solid #cacaca;
	font-size:12px;
	color:#333;
	margin:0;
}
.noHelp_input {
	background:url(../image/form_bg.gif) repeat-x top #fff;
	border:1px solid #cacaca;
	font-size:12px;
	color:#333;
	margin:0;
}
textarea {
	background:url(../image/form_bg.gif) repeat-x top #fff;
	border:1px solid #cacaca;
	font-size:12px;
	color:#333;
}
select {
	background:url(../image/form_bg.gif) repeat-x top #fff;
	border:1px solid #cacaca;
	font-size:12px;
	color:#333;
}
.help_field {
	width:140px;
	float:right;
	margin-right:3px;
}
.help_field input {
	float:left;
}
.noHelp_field_go {
	width:144px;
}
.noHelp_field_go input {
	float:left;
	margin-right:3px;
}

.signUp_form h3 { padding:0; margin:0; color:#002f59; font-size:16px; border:none; }
.stepping_information { border:1px solid #eaeaea; padding:20px; margin-bottom:30px; color:#333; }
.error { color:#f00; padding-top:2px; }

/* Buttons ------------------------------------------------------------------------*/
#go_btn {
	width:19px;
	height:19px;
	float:right;
}
#go_btn a {
	display:block;
	width:19px;
	height:19px;
	background:url(../image/buttons/go.gif) no-repeat 0 0;
}
#go_btn a:hover {
	background-position: 0 -19px;
}
#help_btn {
	width:19px;
	height:19px;
	float:left;
}
#help_btn a {
	display:block;
	width:19px;
	height:19px;
	background:url(../image/buttons/help.gif) no-repeat 0 0;
}
#help_btn a:hover {
	background-position: 0 -19px;
}

#signUp_btn {
	width:256px;
	height:70px;
	padding:20px 0 0 40px;
}
#signUp_btn a {
	display:block;
	width:256px;
	height:70px;
	background:url(../image/signUp_now.gif) no-repeat 0 0;
}
#signUp_btn a:hover {
	background-position: 0 -70px;
}

#login { width:80px; height:24px; display:block; background:url(../image/buttons/login_btn.gif) no-repeat 0 0; border:none;  }
#login:hover { background-position: 0 -24px; }

#submit { width:80px; height:24px; display:block; background:url(../image/buttons/submit_btn.gif) no-repeat 0 0; border:none;  }
#submit:hover { background-position: 0 -24px; } 

/* Public Nav ------------------------------------------------------------------------*/
#public_nav {
	margin:0;
	padding:0;
	clear:both;
	padding-bottom:100px;
}
#public_nav h1 {
	color:#002f59;
	font-size:14px;
}
#public_nav ul {
	float:left;
	display:inline;
	list-style:none;
	display:table;
	padding:0;
	margin:0;
}
#public_nav li {
	float:left;
	display:table-cell;
	width:172px;
	padding:0 10px 0 10px;
	font-size:10px;
	text-align:left;
	color:#333;
	background-position:0, -138px;
}
#public_nav a:link, #public_nav a:visited {
	color:#333;
	text-decoration:none;
}
#public_nav a:active, #public_nav a:hover {
	color:#002f59;
	text-decoration:none;
}
#public_nav a:active, #public_nav a:hover h1 {
	color:#002f59;
	text-decoration:none;
}
/* Dashboard Nav Bar ------------------------------------------------------------------------*/

#dashboard_nav_bar {
	background:url(../image/dashboard_nav_bar.jpg) repeat-x;
	height:36px;
	text-align:left;
	font-size:10px;
	color:#FFF;
	margin:0;
}
.dash_steps {
	padding:10px;
}
#dashboard_nav_bar a:link, #dashboard_nav_bar a:visited {
	color:#FFF;
	padding:0 5px 0 5px;
	text-decoration:none;
}
#dashboard_nav_bar a:active, #dashboard_nav_bar a:hover {
	color:#ffcd3c;
	padding:0 5px 0 5px;
	text-decoration:none;
}
/* Tabs ------------------------------------------------------------------------*/
.tabHeader {
	padding:20px;
	background:url(../image/tab_head_bg.jpg) repeat-x top #055fad;
	color:#FFF;
	font-size:11px;
	border-top:2px solid #6c6c6c;
}
div.tabHeader h1 {
	font-size:20px;
}
div.tabHeader p {
	width:760px;
}
.tabContent {
	background:url(../image/tabcontent_bg_grey.gif) repeat-x top;
}
.tabContent_text {
	padding:40px 20px 20px 20px;
}

.inner_content {
	position:relative;
}


.tabContent_tools {
	background:url(../image/tool_bg.gif) repeat-x top #f4f4f4;
	padding:20px;
}
.tool_icon { float:right; margin-top:-40px; }
.general_icon { float:right; margin-top:-40px; position:absolute; top:33px; right:0px; }

/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 0 -2px 0;
	padding:0;
	height:30px;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../image/blue.png) no-repeat 0 -62px;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;
}
/* This is for mouse HOVERS */
ul.tabs a:hover {
	color:#FFF;
	background: url(../image/blue.png) no-repeat 0 -33px;
}
/* This is for the ACTIVE tab */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 0;
	cursor:default !important;
	color:#FFF !important;
	font-weight:bold;
}
/* Different widths for tabs: assign on the A tag within the LI */

/* width 1 */
ul.tabs a.w1 {
	width:154px;
}
ul.tabs a.w1:hover {
	background-position: -112px -33px;
}
ul.tabs a.w1.current {
	background-position: -112px 0;
}
*/
/* width 2 */
ul.tabs a.w2 {
	background-position: -366px -0px;
	width:154px;
}
ul.tabs a.w2:hover {
	background-position: -366px -31px;
}
ul.tabs a.w2.current {
	background-position: -366px -62px;
}
/* width 3 */
ul.tabs a.w3 {
	background-position: -193px -0px;
	width:174px;
}
ul.tabs a.w3:hover {
	background-position: -193px -31px;
}
ul.tabs a.w3.current {
	background-position: -193px -62px;
}
/* width 4 */
ul.tabs a.w4 {
	background-position: -0px -0px;
	width:194px;
}
ul.tabs a.w4:hover {
	background-position: -0px -31px;
}
ul.tabs a.w4.current {
	background-position: -0px -62px;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}
.panes {
	border-bottom:2px solid #6c6c6c;
	border-right:2px solid #6c6c6c;
	border-left:2px solid #6c6c6c;
}
/* Zebra Stripes ------------------------------------------------------------------------*/
table.stripeMe {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.1em;
}
.stripeMe td {
	border-bottom: 1px solid #666;
	vertical-align: top;
	background:url(../image/td_stripe_a.gif) repeat-x bottom #c5c5c5;
	padding:10px 10px 7px 10px;
}
.stripeMe td * {
}
.stripeMe tr.alt td {
	background:url(../image/td_stripe_b.gif) repeat-x bottom #9e9e9e;
}
.stripeMe tr.over td {
	background:#CCC;
}
/* Domains / Dash Content ------------------------------------------------------------------------*/
a.domain_link_closed {
	font-size:12px;
	font-weight:bold;
	background:url(../image/expandable_closed.gif) no-repeat 0px;
	padding-left:20px;
	margin-bottom:3px;
	display:block;
}
a.domain_link_open {
	font-size:12px;
	font-weight:bold;
	background:url(../image/expandable_open.gif) no-repeat 0px;
	padding-left:20px;
	margin-bottom:3px;
	display:block;
}
.domain_content {
	color:#000;
	padding:5px 20px 10px 30px;
	/*border-top:1px solid #083c6a;*/
	display:none;
}
.service_icon {
	text-align:center;
	font-size:9px;
	width:80px; 
	padding:10px;
	margin:10px;
}


/* Tooltips ------------------------------------------------------------------------*/
/* Bubble pop-up */
.tooltips {
    text-align:left;
    float:left;
}
.popup {
    position: absolute;
    display: none;
    z-index: 495;
    border-collapse: collapse;
}

.popup td.corner {
    height: 15px;
    width: 19px;
}

.popup td.topleft { background: url(../image/tooltip/bubble-1.png) bottom repeat-x; }
.popup td.top { background: url(../image/tooltip/bubble-2.png) bottom repeat-x; }
.popup td.topright { background: url(../image/tooltip/bubble-3.png) bottom repeat-x; }
.popup td.left { background-image: url(../image/tooltip/bubble-4.png); }
.popup td.right { background-image: url(../image/tooltip/bubble-5.png); }
.popup td.bottomleft { background-image: url(../image/tooltip/bubble-6.png); }
.popup td.bottom { background-image: url(../image/tooltip/bubble-7.png); text-align: center; height:25px;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td.bottomright { background-image: url(../image/tooltip/bubble-8.png); }

.popup table.popup-contents {
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    font-family:Arial, Helvetica, sans-serif;
    
}

table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
}

table.popup-contents td {
   text-align: left;
}
.popup td.bubble_content {
   background:white;
   color:#000;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   padding:15px;
}


/* Modal Boxes ------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes .dialog {
  width:375px; 
  padding:10px;
  background-color:#ffffff;
}


#boxes h1 { font-size:16px; padding:20px 0 20px 20px; margin:0; }
#boxes p { font-size:11px; padding:0 20px 20px 20px; margin:0; }

#boxes a:link, #boxes a:visited { color:#002f59; text-decoration:none; }
#boxes a:hover, #boxes a:active { color:#f66d2b; text-decoration:none; }

#modal_close_btn {
	width:77px;
	height:50px;
	float:right;
	margin:-22px -21px 0 0; 
}
#modal_close_btn a {
	display:block;
	width:77px;
	height:50px;
	background:url(../image/buttons/close_cloud.png) no-repeat 0 0;
}
#modal_close_btn a:hover {
	background-position: 0 -50px;
}

.unverified  {
	color:red;
	font-style:italic;
}

/* Provisioning Wizard ----------------------------------------------------------------------------- */

  /* ACTIVE DIRECTORY */
  .selection_button_ad { width:598px; height:80px; background:url(../image/selection_sprite.jpg) top; margin-bottom:10px; }
  .selection_button_ad a { width:598px; height:80px; display:block; }
  .selection_button_ad a:hover { background:url(../image/selection_sprite.jpg) 0 -81px; }
  
  /* LDAP */
  .selection_button_ldap { width:598px; height:80px; background:url(../image/selection_sprite.jpg) 0 -162px; margin-bottom:10px; }
  .selection_button_ldap a { width:598px; height:80px; display:block; }
  .selection_button_ldap a:hover { background:url(../image/selection_sprite.jpg) 0 -243px; }
  
  /* CUSTOM */
  .selection_button_custom { width:598px; height:80px; background:url(../image/selection_sprite.jpg) 0 -324px; margin-bottom:10px; }
  .selection_button_custom a { width:598px; height:80px; display:block; }
  .selection_button_custom a:hover { background:url(../image/selection_sprite.jpg) 0 -405px; }

  .loader { background:url(../image/loader.gif) no-repeat left; padding-left:24px; }

  #correl_form {
    display:none;
  }
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------- Domain Mgmt */

.conf_opt { display: none; }
#confArea{ display:none; }
/* ------------------------------------------------- */

/* ------------------------------------- SSO */

#dwarning {
  display:none;
}

#ssotestarea{
  display:none;
}

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

/* ------------------------------------- Reports */

/* the whole table of reports */
.reports {
  margin:-11px 0 0 -37px;
  padding:4px;
  background: none;
  width:916px;
}

.reports a:link, .reports a:visited {
	color:#fff;
}
.reports a:hover, .reports a:active {
	color:#fff;
}

.reports th {
  padding:4px;
  background:url(../image/dashboard_nav_bar.jpg) repeat-x top;
  color:#fff;
  text-align:left;
}

.arrow_down { background:url(../image/arrow_down.gif) no-repeat left; padding-left:14px; }
.arrow_up { background:url(../image/arrow_up.gif) no-repeat left; padding-left:14px; }


.reports td {
	border-bottom: 1px solid #666;
	vertical-align: top;
	background: none;
}
.reports td * {
}

.reports tr.alt td {
	background-color: #FFF;
}
.reports tr.over td {
	background-color: #FFF;
}

/* header cells */
.report_header {
  font-size:12px;
  padding:4px;
  text-align:center;
}

/* individual report cells */
.a_report{
  font-size: 10px;
  padding:2px;
  background-color:#FFF;
  background-url:none;
}

/* pagination div */
.pagearea {
  text-align:right;
}

/* individual page (number) div */
.a_page{
  display:inline;
  line-height:32px;
  padding:4px;
}

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

/* ------------------------------------- User Mgmt */


#addArea {
  display:none;
}

#editArea {
  display:none;
}

#editArea td {
  padding:4px;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#usermanagement_nav_bar {
	height:36px;
	text-align:left;
	font-size:10px;
	color:#FFF;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #aaa;
}

#usermanagement_nav_bar p {
	float:left;
	padding-right:10px;
}

#management_table th { 
	text-align:left;
	background:url(../image/user_management_th_bg.gif) bottom repeat-x;
	padding:0 0 10px 0;
}

#management_table td { 
	text-align:left;
	padding:8px;
  font-size: 10px;
}

.management_footer { 
	text-align:left;
	background:url(../image/user_management_footer_bg.gif) top repeat-x;
	padding:20px 0 20px 0;
}

.management_footer div {
	float:right;
	margin-right:2px;
  width:auto;
}

.userlist {
  width:100%; 
}

.stripey_user {
  background-color: #eaeaea;
}

.noIcon_link {padding: 5px;text-decoration: none;position: relative;}
.highlight { background-color:#36F; color:#fff; }
.checked_highlight { background-color:#b0c4de; color:#000; }
.default_highlight { background-color:#FFF; color:#000; }
.active_status { background:url(../image/active_status.gif) no-repeat left; padding-left:18px; }
.inactive_status { background:url(../image/inactive_status.gif) no-repeat left; padding-left:18px; }
h2.edit_header { font-size:16px; padding:0 0 0 5px; }


/* --------------------------------------------- */
/* ------------------------------------- Jquery UI Related */
.any_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
.any_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

/* Discover --------------------------------- */

#chart1 { padding-left:20px; margin-top:30px; }