/*------------------- LAYOUT -------------------*/

body {margin: 0 0 10px 10px; color: #555; font: 11px Arial, Helvetica, sans-serif;}
* { margin: 0; padding: 0; }

#main-wrapper {width: 99%; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}

.clear, .spacer {clear: both; font-size: 0em; line-height: 0px;}

#header { width: 100%; height: 60px; border-bottom: 1px solid #ccc;}
#header-wrapper { width: 900px; }
#header-wrapper1 { width: 775px; }
#header-content { padding: 20px 15px 20px  15px }

.logo { float: left; position: relative; top: -7px;}
.logo1 { float: left; position: relative; top: 1px;}
.logo-alt { float: left; position: relative; top: -6px;}

#search-area { float: right; }

#main-middle {width: 100%; border-bottom: 1px solid #ccc; height: 449px; text-align: left;}
#main-middle-sub {width: 100%; border-bottom: 1px solid #ccc; text-align: left;}
#main-middle-wrapper {width: 900px;}
#main-middle-wrapper-sub { width: 780px;}

#nav-area-content { padding: 15px 0 0 0; }
#nav-area-content-sub { padding: 15px 0 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; background-color: #222;}

#main-area { width: 748px; float: left; background-color: #222; height: 449px;}
#main-bottom {width: 100%; border-bottom: 1px solid #ccc; height: 420px; text-align: left;}
#main-bottom-wrapper { width: 920px; }
.changelanguage {text-align:right}

#nav-area {width: 150px; border-right: 1px solid #ccc; float: left; background-color: #222; height: 449px; }
#nav-area-sub {width: 150px; float: left;}
#nav-area-bottom {width: 150px; float: left; background-color: #444; height: 420px; text-align: center;}
#nav-area-content-bottom { padding: 12px; color: #fff; font-weight: bold; font-size: 10px;}

#bottom-left {width: 351px; float: left; height: 420px; border-right: 1px solid #ccc; background: url(images/fadebg.gif) repeat-x bottom;}
#bottom-left-content { padding: 20px;  text-align: left;}

#bottom-right {width: 396px; float: left; height: 420px; border-right: 1px solid #ccc; background: url(images/fadebg.gif) repeat-x bottom;}
#bottom-right-content { padding: 20px; text-align: left;}

#bottom-right-header {width: 100%; background-color: #eee; text-align: left; border-bottom: 1px solid #ccc;}
#bottom-right-header-content { padding: 10px 20px 10px 20px; font-weight: bold; color: #333;}

#bottom-left-header {width: 100%; background-color: #eee; text-align: left; border-bottom: 1px solid #ccc;}
#bottom-left-header-content { padding: 10px 20px 10px 20px; font-weight: bold; color: #333;}

#footer { width: 100%; border-top:1px solid #ccc;}
#footer-wrapper { width:899px;}
#footer-wrapper-sub { width: 775px; }

#footer-content-left {float: left; padding: 10px; font-size: 10px;}
#footer-content-right {float: right; padding: 10px; font-size: 10px; text-align: right;}

#sub-footer { width: 100%; border-bottom: 1px solid #ddd; }
#sub-footer-wrapper { width: 899px; border-right: 1px solid #ddd;}


/*------------------- STYLE -------------------*/

a.topnav {color: #333; font-weight:bold; font-size:12px; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif; text-decoration:none; font-weight:bold; margin:0 10px 0 10px;}

.main-headline {color: #5076B8; font-weight:bold; font-size:14px; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif;}

a.main-headline {color: #444; font-weight:bold; font-size:14px; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif; text-decoration:none;}

a.main-headline2 {color: #5076B8; font-weight:bold; font-size:11px; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif; text-decoration:none;}

.contactfield {font: 11px/14px Arial, Helvetica, sans-serif; color: #555; padding: 5px; background-color:#f8f8f8; border-top: 1px solid #999; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #999;}

.red { color:#FF0000; }

p { padding-bottom: 20px; text-align: justify; line-height:17px;}

h3 { font-size: 18px; font-weight:bold; padding: 7px 0 7px 0; color:#555;}
h4 { font-size: 14px; font-weight:bold; padding: 7px 0 7px 0; color:#5076B8;}

.search-box {font: 11px Arial, Helvetica, sans-serif; position: relative; top: -6px;}

#bottom-left-content p { padding-bottom: 13px; text-align: left;}
#bottom-right-content p { padding-bottom: 13px; text-align: left; }

#bottom-left-content ul {margin-left:15px;}
#bottom-left-content li {list-style: url(images/li_bullet.gif); padding-bottom: 10px;}

.navlist { }
.navlist ul {list-style-type: none; /*turns off display of bullet*/ font-weight: bold; margin-bottom: 9px;}
.navlist li { }
.navlist a {display: block; font-weight: normal; color: #fff; font-weight: bold; padding: 1px 0 1px 11px;}

.bluebold {color: #91B6F7; font-weight: bold;}
.dkbluebold {color: #5076B8; font-weight: bold;}

.bluebold-headline {color: #333; font-weight: bold; font-size: 13px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; width: 420px;}
.bluebold-headline-sm {font-weight: bold; font-size: 11px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;border-top: 1px dotted #ddd; width: 420px;}
.bluebold-headline-sub {color: #555; font-weight: bold; font-size: 11px;}

a {color: #5076B8; text-decoration: underline;}
a:hover {color: #91B6F7; text-decoration: none;}

.navlist a:link, .navlist a:visited { text-decoration: none; color: #fff;}
.navlist a:hover, .navlist a:active,
.uberlink a:link, .uberlink a:visited,
.uberlink a:hover, .uberlink a:active { color: #fff; background: url(images/navbg.gif) no-repeat left center;}

#footer a { font-size: 10px; color: #777; text-decoration: none;}
#footer a:hover {font-size: 10px; color: #91B6F7; text-decoration: none}

.black { color: #333333; }

#sub-footer h5 {background-color: #777; padding:10px; color: #fff; font-size: 11px; font-weight:normal; text-align:left;}
#sub-footer a {background-color: #777; color: #ccc; font-size: 11px; font-weight:bold; text-decoration: underline; }
#sub-footer a:hover {background-color: #777; color: #ccc; font-size: 11px; font-weight:bold; text-decoration: none;}

/*------- Table used in the Urchin Order Page ------ */

.urc-table {border:none;}
.urc-table td {border:none;border-bottom:1px solid #CCC;padding:10px;}
.urc-table th {color: #5076B8; background: #fff; font-weight:bold; font-size:12px; border-bottom:1px solid #ddd; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif;}

.urc-table-noline {border:none; }
.urc-table-noline td {border:none;padding:4px;}
.urc-table-noline th {color: #5076B8; font-weight:bold; font-size:12px; border-top:1px solid #ddd; font-family: "Luxi Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", helvetica, verdana, arial, sans-serif; background-color:#FFF;padding:4px;}

/* ---- Tabs --- */
.tab_nuova_licenza_off,
.tab_nuova_licenza_on,
.tab_upgrade_off,
.tab_upgrade_on,
.tab_supporto_off,
.tab_supporto_on { width:103px; height:39px; display:block; border:0; padding:0; float:left; background-repeat:no-repeat; }

.tab_nuova_licenza_off{ background-image:url(images/tab_nuova_licenza_off.gif); }
.tab_nuova_licenza_on{ background-image:url(images/tab_nuova_licenza_on.gif); }

.tab_upgrade_off{ background-image:url(images/tab_upgrade_off.gif); }
.tab_upgrade_on{ background-image:url(images/tab_upgrade_on.gif); }

.tab_supporto_off{ background-image:url(images/tab_supporto_off.gif); }
.tab_supporto_on{ background-image:url(images/tab_supporto_on.gif); }


.clienttable {margin-bottom:20px;}
.clienttable td {vertical-align:middle; text-align:center; padding:10px;}

.clienttable .border-right {border-right:1px dotted #ddd;}
.clienttable .border-bottom {border-bottom:1px dotted #ddd;}
.clienttable .border-bottom-sides {border:1px dotted #ddd; border-top:0px;}
.clienttable .border-sides {border:1px dotted #ddd; border-top:0px; border-bottom:0px;}
.clienttable .border-top {border-top:1px dotted #ddd;}
.clienttable .border-bottom-right {border-bottom:1px dotted #ddd; border-right:1px dotted #ddd;}
.clienttable .border-bottom-left {border-bottom:1px dotted #ddd; border-left:1px dotted #ddd;}
.clienttable .border-top-right {border-top:1px dotted #ddd; border-right:1px dotted #ddd;}
.clienttable .border-top-left {border-top:1px dotted #ddd; border-left:1px dotted #ddd;}