/* -------------------------------------- error styles for both configurators */

.notice {
  text-align:     center;
  border:         2px solid #55c152;  
  background:     url('/images/public/notice_green_fade.png') repeat-x;
  padding:        1em 2em;
  margin:         8px auto;
  margin-bottom:  3em;
  font-size:      1.1em;
  font-weight:    bold;
}

.notice li {
  list-style-type:  disc;
  font-size:        9pt;
  text-align:       justify;
  margin:           1em;
}

.error {
  text-align:     center;
  border:         2px solid #ffb9b9;
  background:     url('/images/public/error_red_fade.png') repeat-x;
  padding:        1em 2em;
  margin:         8px auto;
  margin-bottom:  3em;
  font-size:      1.1em;
  font-weight:    bold;
}

.error li {
  list-style-type:  disc;
  font-size:        9pt;
  text-align:       left;
  margin:           1em;
}



/* ------------------------------------------------------------- configurator */


#config tr.empty_row {
  height: 1.2em;
}

div#config {
  margin: 2em 5em 5em 3em;
}

#config div.container{
  width:    100%;
  border:   1px solid #cecece;
  padding:  1.5em;
  margin:   4em 0 2em 0;
}

#config select.size_drop_box {
  width: 5em;
}

#config legend{
  font-size:    9pt;
  font-weight:  bold;
  color:        #C50606;
}

/* Single page: 3 containers */
#config div#selected {
  min-height:       260px;
  margin:           0;
  background-color: #E9EFF0;
}

#config div#customise {
  margin:           0;
  background-color: #E3E3F2;
  border-top-style: none;
  padding-top:      2.5em;
}

#config #collapse_link{
  width: 100%;

  background-color:     #E3E3F2;
  border-top-style:     none;
  border-bottom-style:  none;

  margin-top:     0;
  margin-bottom:  -0.2em;
  padding-top:    0.3em;
  padding-bottom: 0.3em;
}

#config #expand_link {
  width: 100%;
  
  background-color: transparent;
  border-top-style: none;
  border: medium none;
  
  margin-top:     1em;
  margin-bottom:  -1em;
  padding-top:    0.3em;
  padding-bottom: 0.3em;
}

#config span{
  margin:   0;
  padding:  0;
}

#config span.logged_in_checkout{
  float:    right;
  margin:   0;
  padding:  0;
}

#config span.toggle_link{
  float:    left;
  margin:   0;
  padding:  0;
}

#config input[type=text], #config input[type=password] {

}

#config input[type=text]:focus, #config input[type=password]:focus {

}


/* First Container: Selected Offerings */
#config #selected table {
  width:            100%;
  margin-top:       0.5em;
  border-collapse:  collapse;
}

#config #selected td {
  vertical-align: top;
  padding:        0.3em;
  /*border: 0.1px solid #cecece;*/
}

#config #selected td.category_header {
  height:         1.5em;
  padding-top:    0.5em;
  padding-bottom: 0.3em;
}

#config #selected td.category_header a {
  vertical-align: bottom;
  color:          #b04c35;  
  padding-top:    0.5em;
  padding-bottom: 0.1em;
}

#config #selected td.category_header span.title {
  color:            #b04c35;
  text-decoration:  underline;
  font-size:        12pt;
  font-weight:      bold;
  vertical-align:   bottom;
}

#config #selected td.name {
  width:        30%;
  text-align:   left;
  padding:      0.2em;
  padding-left: 0.5em;
}

#config #selected td.description {
  padding:      0.2em;
  padding-left: 0.5em;
}

#config #selected td.price {
  width:        10%;
  text-align:   right;
  padding:      0.2em;
  padding-left: 0.5em;
}

#config #selected td.remove {
  width:        10%;
  text-align:   left;
  padding:      0.2em;
  padding-left: 2em;
}

#config #selected td.empty_category {
  color:        #948d8b;
  padding:      0.2em;
  padding-left: 0.5em;
}

#config #selected td.empty_row {
  padding: 0.5em;
}

#config #selected td.bottom_row {
  border-top: thin solid black;
}

#config #selected td#clear_cart {
  text-align: left;
  font-size:  10pt;
}

#config td#total_label {
  text-align:   right;
  font-size:    10pt;
  font-weight:  bold;
}

#config td#total {
  text-align:     right;
  font-size:      10pt;
  font-weight:    bold;
  border-top:     thin solid black;
  border-bottom:  medium double black;
}


/* Second container: customise (offering list with tabs) */
#config #customise h3 {
  color:            #b04c35;
  font-size:        10pt;
  font-weight:      bold;
  text-decoration:  underline;
}

#config #customise table.offerings {
  width:            100%;
  margin-top:       0.8em;
  border-collapse:  collapse;
}

#config #customise table.offerings td {
  border:   1px solid #A0A5A7;
  padding:  0.5em;
}

#config #customise table.offerings tr.main_row td{
  background-color: #DFE7EE;
  padding:          0.4em;
}

#config #customise table.offerings tr.desc_row td {
  background-color: #D4D7DA;
  padding:          0.4em 0.2em 0.4em 1.5em;
}

#config #customise tr#mssql_row, tr#mysql_row, tr#hosting_row {
  height: 4em;
}

#config #customise table.offerings td.name {
  width:    30%;
  padding:  0.8em;
}

#config #customise table.offerings td.drop {
  width: 25%;
}

#config #customise table.offerings td.textfield {
  width: 18%;
}

#config #customise table.offerings td.more_info {
  width:          10%;
  vertical-align: middle;
  text-align:     center;
}


#config #customise table.offerings td.desc_row {
  padding-left: 2em;
}

#config #customise table.offerings td.price {
  width:          15%;
  text-align:     right;
  padding-right:  0.5em;
}

#config #customise table.offerings td.add {
  width:          12%;
  text-align:     center;
  vertical-align: middle;
}

#config #customise fieldset.database_offerings {
  border:   1px solid #e7e7e7;
  padding:  2%;
  margin:   1.5em 0 1.5em 0;
}

#config #customise legend {
  background-color: white;
}

#config #email_content table {
  width:            100%;
  margin-bottom:    1em;
  border-collapse:  collapse;
  margin-top:       0.8em;
}

#config #email_content td {
  padding:  0.8em;
  border:   1px dotted #016990;
}

#config #email_content td.email_desc {
  width: 50%;
}

#config #email_content td.radio_buttons {
  height: 4em;
}

#config #email_content table td.price {
  text-align: right;
  width:      17%;
}


#config #email_content td.textfield {
  width:          17%;
  vertical-align: middle;
  text-align:     center;
}

#config #email_content td.add {
  width:          17%;
  vertical-align: middle;
  text-align:     center;
}

/* Tabs */
#config .tabs {
  position:       relative;
  width:          100%;
  margin-bottom:  0;
}

#config div.tab_content {
  border:           1px dotted #016990;
  background-color: #D9E3E6;
  min-height:       200px;
  text-align:       left;   
  position:         relative;
  top:              0.30em;
  padding:          1em;
  padding-top:      2em;
  margin:           0;
  z-index:          2;
}

#config .tabs li {
  border:           1px dotted #016990;
  font-size:        1.0em;  
  float:            left;  
  position:         relative;
  bottom:           1.57em;
  left:             -2em;  
  padding:          0;
  margin:           0 0.5em 0 0;
  list-style:       none;
  z-index:          1;
}

#config .tabs li#current {
  font-weight:    bold;  
  border-bottom:  none;
  z-index:        3;
}

#config .tabs li a {
  color:            #FFF;
  background-color: #AFCBD3;
  display:          block;
  padding:          0.2em 0.6em 0.3em 0.6em;
}

#config .tabs li#current a {
  color: #9A0505;
  background-color: #D9E3E6;
  display: block;
  background-color: #D9E3E6;
}

#config .tabs li a:hover {
  color: #fff;
  background-color: #911;
  text-decoration: none;
}

/* Container 3: Forms to login or create new user */

#user_checkout #sign_up ul {
  width: 95%;
  list-style: none;
  padding: 0;
  margin-left: 1em;
}

#user_checkout #sign_up li {
  vertical-align: middle;
  list-style: none;
  padding: 0.8em 1em;
}

#user_checkout #login ol {
  display: inline;
  float: left;
  width: 40%;
}

#user_checkout #login li {
  padding: 0;
}

#user_checkout #sign_up li.odd_row {
  background: #F4F4F4;
}

#user_checkout #sign_up li.even_row {
  background: none;
}

#user_checkout #login div#login_submit {
  display: inline;
  float: right;
  padding: 4em 1em;
  margin: 0em;
}

#user_checkout #sign_up fieldset {
  border:   1px solid #818181;
  width:    92%;
  margin:   1em 2em 3em 4.5em;
  padding:  1.5em 2em;
}

#user_checkout #form_tab_content #login fieldset {
  width:        60%;
  margin-left:  8em;
}

#user_checkout label {
  cursor:         pointer;
  color:          #434749;
  font-weight:    bold;
  font-size:      8pt;
  text-transform: capitalize;
  width:          11em;
}

#user_checkout label#selected_label {
  color: #B90000;
}

#user_checkout #sign_up legend {  
  border: 1px solid #818181;
  padding: 0.2em 0.5em;
  color: #910F0F;
}

#user_checkout #sign_up label {  
  text-align: right;  
}

#user_checkout #login label {
  text-align: left;
  display:    block;
  padding-top: 0.5em;
}

#user_checkout input[type=submit] {

}

#user_checkout p {
  display:  block;
  margin:   1.5em 1.5em 0.8em 2em;
}

#user_checkout #login ol#forgot {
  width: 100%;
}

#user_checkout #login input[type=text],input[type=password] {
  width: 10em;
  position: relative;
  float: none;
}

#user_checkout #sub_note {
  position: relative;
  left:     13em;
}

#user_checkout #sign_up .new_user_nav{
  float:  right;
  margin: 0.8em;
}

em.required{
  font-weight: bold;
  font-style: normal;
  color:      #f00;
}

#user_checkout #sign_up .company_name{
  width: 15em;
}

#user_checkout #sign_up .contact{
  width: 10em;
}

#user_checkout #sign_up .long_address{
  width: 12em;
}

#user_checkout #sign_up .short_address{
  width: 8em;
}

#user_checkout #sign_up .postcode_address{
  width: 4em;
}

#user_checkout #sign_up .country_select{
  width: 4em;
  display: block;
}

#user_checkout #sign_up .login_credentials{
  width: 8em;
}

#user_checkout #sign_up span{
  position: relative;
  bottom:   0.3em;
  padding:  0.5em;
}

/* ---------------------------------------------------------- vps configurator */

#vps_content fieldset.outer{
  margin: 2em 3em;
  padding: 1em 3em 1em 3em;
  border: 1px #243A49 solid;
}

#vps_content fieldset legend{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  padding: 0.3em 0.6em;
  border: 1px #6E0B31 dotted;
}

#vps_content table{
  width: 100%;
}

#vps_content tr.empty td{
  background-color: transparent;
  height: 0.8em;
}

#vps_content td{
/*  border: 1px black solid;*/
  background-color: #EDEDED;
  color: #3B3B3B;
  font-size: 10pt;
  padding: 0.3em 1em;
}

#vps_content tr.vps_header td{
  color: #A91010;
  background-color: #D9D9D9;
  font-weight:  bold;
  font-size:    10pt;
  padding: 0.2em 0.5em;
}

#vps_content tr.vps_header a{
  display: block;
  margin: 0;
  padding: 0;
}

#vps_content tr.vps_header a:hover{
  text-decoration: none;
  color: #FF0202;
  margin: 0;
  padding: 0;
}

#vps_content tr#selected_vps td{
/*    border: 1px black solid;*/
  background-color: #910F0F;
  color: #F3F3F3;
}

#vps_content td.price{
  text-align: right;
}

#vps_content tr#total_row td {
  font-weight: bold;
  text-align: right;
  background-color: #9F9696;
}

#vps_form table{
  border-collapse: collapse;
}

#vps_form td{
/*  border: 1px black solid;*/
  color: #3B3B3B;
  font-size: 10pt;
  padding: 0.3em 1em;
}

#vps_form tr.odd_numbered_row td{
  background-color: #EDEDED;
}

#vps_form tr.even_numbered_row td{
  background-color: #F7F7F7;
}

#vps_form div#vps_nav {
  text-align: left;
}

#vps_checkout div.tabs{
  width: 49%;
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 1.05em;
  color: #A91010;
  font-weight: bold;
  background-color: #D9D9D9;
}

#vps_checkout div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}

#vps_checkout div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 1em;
  margin:     0;  
}

#vps_checkout div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}

#vps_steps div.tabs{
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 1.05em;
  color: #A91010;
  font-weight: normal;
  background-color: #D9D9D9;
}

#vps_steps div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 0.6em;
}

#vps_steps div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}

#vps_steps div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}


#customise_selector div.tabs{
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 2.1em;
  left: 3em;
  color: #A91010;
  font-weight: bold;
  background-color: #D9D9D9;
  width: 43.25%;
}

#customise_selector div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 0.5em;
}

#customise_selector div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}

#customise_selector div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}

/* ---------------------------------------------------------- dedicated configurator */

#ded_content fieldset.outer{
  margin: 2em 3em;
  padding: 1em 3em 1em 3em;
  border: 1px #243A49 solid;
}


#ded_content fieldset legend{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 10pt;
  padding: 0.3em 0.6em;
  border: 1px #6E0B31 dotted;
}

#ded_content table{
  width: 100%;
}

#ded_content tr.empty td{
  background-color: transparent;
  height: 0.8em;
}

#ded_content td{
/*  border: 1px black solid;*/
  background-color: #EDEDED;
  color: #3B3B3B;
  font-size: 10pt;
  padding: 0.3em 1em;
}

#ded_content tr.ded_header td{
  color: #A91010;
  background-color: #D9D9D9;
  font-weight:  bold;
  font-size:    10pt;
  padding: 0.2em 0.5em;
}

#ded_content tr.ded_header a{
  display: block;
  margin: 0;
  padding: 0;
}

#ded_content tr.ded_header a:hover{
  text-decoration: none;
  color: #FF0202;
  margin: 0;
  padding: 0;
}

#ded_content tr#current td{
/*    border: 1px black solid;*/
  background-color: #910F0F;
  color: #F3F3F3;
}

#ded_content td.price{
  text-align: right;
}

#ded_content tr#total_row td {
  font-weight: bold;
  text-align: right;
  background-color: #9F9696;
}

#ded_form table{
  border-collapse: collapse;
}

#ded_form td{
/*  border: 1px black solid;*/
  color: #3B3B3B;
  font-size: 10pt;
  padding: 0.3em 1em;
}

#ded_form tr.odd_numbered_row td{
  background-color: #EDEDED;
}

#ded_form tr.even_numbered_row td{
  background-color: #F7F7F7;
}

#ded_form div#ded_nav {
  text-align: left;
}

#ded_checkout div.tabs{
  width: 49%;
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 1.05em;
  color: #A91010;
  font-weight: bold;
  background-color: #D9D9D9;
}




#ded_checkout div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}


#ded_checkout div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 1em;
  margin:     0;  
}

#ded_checkout div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}

#ded_steps div.tabs{
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 1.05em;
  color: #A91010;
  font-weight: normal;
  background-color: #D9D9D9;
}

#ded_steps div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 0.6em;
}

#ded_steps div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}

#ded_steps div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}


#ded_customise_selector div.tabs{
  border: 1px #243A49 solid;
  display: inline-table;
  margin: 0;
  position: relative;
  bottom: 2.1em;
  left: 3em;
  color: #A91010;
  font-weight: bold;
  background-color: #D9D9D9;
  width: 43.25%;
}

#ded_customise_selector div.tabs a{
  text-align: center;
  position:   relative;
  display:    block;
  padding:    0.3em 0.5em;
}

#ded_customise_selector div#selected a{
  background-color: #910F0F;
  color: #F3F3F3;
}

#ded_customise_selector div.tabs a:hover{
  background-color: #C2BDBD;
  color: #FF0202;
  text-decoration: none;
}



#terms_of_service li {
  padding:  0.5em;
}

#terms_of_service ol ol {
  list-style-type: lower-alpha;
}

#terms_check{
  padding: 1.5em;
}

#terms_check input{
  position: relative;
  top: 0.3em;
  margin-right: 1em;
}

#terms {
  width: 82%;
  height: 250px;
  border:1px solid #ccc;
  background:#f2f2f2;
  padding: 1em 3em;
  overflow:auto;
  text-align: justify;
}

#terms li {
  padding:  0.5em;
  list-style-type: decimal;
}

#terms ol ol li {
  list-style-type: lower-alpha;
}