body {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    background-color: #333333;
}
img {
    border-width: 0px;
}
a {
    color: Maroon;
    text-decoration: none;
}
a:hover {
    color: Black;
}
h1 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, Times New Roman, Serif;
    /*
    font-style: italic;
    font-family: Helvetica, Arial, Sans-Serif;
    border-left: 14px solid Orange;
    */
    font-variant: small-caps;
    font-size: 26px;
    color: #333333;
    font-weight: normal;
}
h2 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
}
h3 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #808080;
    line-height: 16px;
}
h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: Orange;
    line-height: 16px;
}
p {
    margin: 0px;
    padding: 0px;
}

/* LAYOUT LAYERS */

.logo {
    width: 150px;
    height: 68px;
    margin-top: 56px;
    margin-left: 26px;
    position: absolute;
    z-index: 1;
    background-color: #333333;
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.container {
    width: 960px;
    margin: 20px auto;
    padding: 0px 0px 30px 0px;
    background-color: White;
    box-shadow: 0px 0px 15px #000000;
    -webkit-box-shadow: 0px 0px 15px #000000;
    -moz-box-shadow: 0px 0px 15px #000000;
    border-radius: 30px; 
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
}
.headerTop {
    height: 50px;
    line-height: 50px;
    margin: 0px auto;
    text-align: center;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 26.5px;
}
.headerTop p {
    margin: 0px;
    padding: 0px;
    line-height: inherit;
    color: #666;
    text-shadow: 0px 0px 2px #999;
}
.pageCentral {
    margin: 0px auto;
/*
    background-image: url('../../Images/SpheraConsulting_PageCentralBg.png');
    background-repeat: repeat-y;
*/
}
.banner {
    height: 180px;
    overflow: hidden;
    margin: 0px auto;
}
.banner img {
    width: 960px;
}
.mainBox {
/*
    background-image: url('../../Images/SpheraConsulting_PageTopBg.png');
    background-repeat: repeat-x;
    background-position: center top;
    width: 900px;
*/
    width: 100%;
    height: auto;
    margin: 0px auto;
    display: table;
}
.leftCol {
    float: left;
    width: 200px;
    height: 100%;
}
.menu {
    width: 150px;
    margin: 25px 0px 25px 25px;
    box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
}
.menu ul {
    background-color: #333333;
    margin: 0px;
    padding: 0px 5px;
}
.menu ul li {
    background-image: url('../../Images/SpheraConsulting_MenuItemBg.jpg');
    background-repeat: repeat-x;
    list-style-type: none;
    height: 24px;
    padding: 5px 0px 0px 10px;
}
.menu ul li:hover {
    background-image: url('../../Images/SpheraConsulting_MenuItemBgOver.jpg');
    background-repeat: repeat-x;
}
.menu ul li a {
    display: block;
    color: Silver;
    text-decoration: none;
    height: 24px;
    font-size: 14px;
    text-shadow: 1px 1px 1px Black;
}
.menu ul li a:hover {
    color: White;
}
.selected {
    background-image: url('../../Images/SpheraConsulting_MenuItemBgOver.jpg') !important;
    background-repeat: repeat-x;
}
.selected a {
    color: White !important;
}
.menuHeader {
    margin: 0px;
    padding: 0px;
    height: 35px;
}
.menuFooter {
    margin: 0px;
    padding: 0px;
    height: 20px;
}
.pageContent {
    margin: 25px 25px 0px 200px;
    padding: 0px;
}
.pageContent p {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    line-height: 150%;
}
.pageContent ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
    list-style-type: none;
    list-style-image: url('../../Images/listItem.gif');
}
.pageContent ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 5px;
}
.pageContent ul ul {
    margin: 3px 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
}
.pageContent ul ul li {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    list-style-type: square;
}
.pageContent ol {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
}
.pageContent ol li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}
.pageContent ol li p {
    font-style: italic;
    font-weight: normal;
}
.pageContent ol li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
.footer {
    width: 900px;
    margin: -10px auto 0px auto;
    padding: 0px 0px 20px 0px;
}
.footer p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #666666;
}

/* HOMEPAGE FOCUS ITEMS */

.homeTable {
    width: 100%;
}
.homeTable td {
    vertical-align: top;
}
.homeMainItemBoxRight {
    float: right;
    width: 181px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.homeMainItemBoxRight p {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px;
    font-size: 12px;
}
.homeMainItemBoxRight a {
    color: Maroon;
    text-decoration: none;
}
.homeMainItemBoxRight a:hover {
    color: Black;
}
.homeMainItemBoxRight ul {
    margin: 0px;
    padding: 0px 10px;
    list-style-type: none;
    list-style-image: none;
}
.homeMainItemBoxRight ul li {
    padding: 0px 0px 5px 0px;
    margin: 0px;
    font-size: 14px;
    color: #666666;
}
.homeMainItemBoxRight ul li a {
    color: #666666;
    text-decoration: none;
}
.homeMainItemBoxRight ul li a:hover{
    color: Black;
    text-decoration: underline;
}
.homeMainItemBox {
    float: left;
    width: 181px;
    border-right: 1px solid Silver;
    margin: 0px 22px 0px 0px;
    padding: 0px 25px 0px 0px;
    min-height: 300px;
}
.homeMainItemBox p {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px;
    font-size: 12px;
}
.homeMainItemBox a {
    color: Maroon;
    text-decoration: none;
}
.homeMainItemBox a:hover {
    color: Black;
}
.homeMainItemBox ul {
    margin: 0px;
    padding: 0px 25px;
}
.homeMainItemBox ul li {
    padding: 0px 0px 5px 3px;
    margin: 0px;
    font-size: 11px;
    color: #666666;
}
.homeMainItemBox ul li a {
    color: #666666;
    text-decoration: none;
}
.homeMainItemBox ul li a:hover{
    color: Black;
    text-decoration: underline;
}
.readMore {
    border-top: 5px dotted #dcdcdc;
    padding: 15px 10px !important;
}
.homeAccordion {
    width: 90%;
    margin: 0px 0px 15px 0px;
}
.homeAccordionHeader {
    font-size: 16px;
    font-weight: bold;
    color: Gray;
    cursor: pointer;
    margin: 0px 0px 10px 0px; 
    font-family: Trebuchet MS, Arial, Sans-Serif;
}
.homeAccordionHeader:hover {
    color: Black;
}
.homeAccordionHeaderSelected {
    font-size: 16px;
    font-weight: bold;
    color: Black;
    cursor: pointer;
    margin: 0px 0px 10px 0px;
    font-family: Trebuchet MS, Arial, Sans-Serif;
}
.homeAccordionHeader img, .homeAccordionHeaderSelected img {
    position: relative;
    top: 4px;
    margin-right: 4px;
}
.homeAccordionContent {
    border: 1px solid #cdcdcd;
    padding: 10px;
    background-color: #f0f0f0;
    margin: 0px 0px 10px 0px;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.homeAccordionContent ul {
    font-size: 12px;
}
.homeAccordionContent ul li {
    margin: 0px 0px 5px 0px;
}
.homeInfoBox {
    border-bottom: 5px dotted #dcdcdc;
    padding: 0px 0px 15px 0px;
}
.homeInfoBox img {
}
.homeInfoBox p {
    margin: 0px 0px 0px 0px;
}
.homeNews {
    margin-top: 20px;
}
.homeNews h2 {
    margin: 0px;
    padding: 0px;
    font-size: 26px;
}
ul.hnList {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
}
ul.hnList li {
    padding: 0px 0px 20px 0px;
    margin: 0px;
    font-size: 12px;
    color: #666666;
    line-height: 150%;
}
.newsDate {
    display: block;
    line-height: 14px;
    font-size: 11px;
    color: Gray;
    text-transform: uppercase;
}
.homeNews ul.hnList li h3 {
    margin-bottom: 5px;
}
.homeNews ul.hnList li h3 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    border-bottom: 1px solid Silver;
}

/* FORM ELEMENTS */

.formElements {
    width: 650px;
    margin: 0px;
}
.formElements td {
    vertical-align: top;
}
.formElements h3 {
    color: #231F20;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    border-bottom: 1px solid Silver;
}
.formElements p {
    margin: 0px 0px 5px 0px;
}
.formElements input {
    display: block;
    font-size: 11px;
    width: 120px;
    background-color: #3D3938;
    color: White;
    border-width: 0px;
    padding: 3px;
}
.formElements select {
    display: block;
    font-size: 11px;
    padding: 2px;
    width: 125px;
    background-color: #3D3938;
    color: White;
    border-width: 0px;
}
.formElements textarea {
    display: block;
    font-size: 11px;
    width: 200px;
    height: 50px;
    background-color: #3D3938;
    color: White;
    border-width: 0px;
    padding: 3px;
    font-family: Helvetica, Arial, Verdana;
}
.chkBox input {
    display: inline;
    width: auto; 
    background-color: Transparent;
    margin-left: 0px;
    border-width: 0px !important;
}
.formElements a {
    text-decoration: none;
}
.formElements a:hover {
}
.formBtn {
    width: auto !important;
    color: Silver !important;
    font-size: 14px;
    font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
    text-transform: uppercase;
    background-color: #333333 !important; 
    border: 1px solid Silver !important;
    margin-top: 10px;
    padding: 2px 5px !important;
}
.formBtn:hover {
    color: White !important;
    border: 1px solid Orange !important;
}
.vSummary {
    color: #3D3938;
    margin: 12px 0px 10px 0px;
    font-size: 12px;
}
.mapTab {
    margin: 0px 0px 20px 0px;
}
.mapThumb {
}
.mapThumb img {
    border: 1px solid #cdcdcd !important;
    margin-right: 15px;
}
.mapThumb img:hover {
    border: 1px solid Orange !important;
}

/* SERVICES */

.servicesMenu {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    display: table;
}
.servicesMenu a {
    padding: 5px 10px 5px 10px;
    color: Maroon;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid White;
    text-decoration: none;
    font-size: 12px;
    margin: 0px 20px 0px 0px;
    height: 30px;
    display: block;
    float: left;
    width: 80px;
    border-top-left-radius: 10px; 
    -moz-border-top-left-radius: 10px; 
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    -moz-border-top-right-radius: 10px; 
    -webkit-border-top-right-radius: 10px;
}
.servicesMenu a:hover {
    color: Black;
    background-color: #cdcdcd;
    background-image: url('../../Images/SpheraConsulting_ServicesMenuBg.png');
    background-repeat: repeat-x;
    background-color: #F3F4F4;
}
.serviceSelected {
    border-bottom: 1px solid #f3f3f3 !important;
    color: Black !important;
    background-image: url('../../Images/SpheraConsulting_ServicesMenuBg.png');
    background-repeat: repeat-x;
    background-color: #F3F4F4;
}
.srviceViewBox {
    margin: 20px 10px;
    font-size: 12px !important;
}
.srviceViewBox p {
    font-size: 12px !important;
}
.srviceViewBox ul {
    font-size: 12px !important;
}

/* LOGIN AND ADMIN AREA */

.loginForm {
}
.chkRemember {}
.loginStatus {
    color: #666666;
    display: block;
    padding: 5px;
    border: 1px solid #666666;
    text-align: center;
    width: 130px;
    margin-left: 30px;
}
.loginStatus:hover {
    color: #333333;
    border: 1px solid #333333;
}
.button {
    background-image: url('../../Images/SpheraConsulting_MenuItemBg.jpg');
    background-repeat: repeat-x;
    background-color: #333333;
    color: Silver;
    padding: 4px 5px;
    border: 1px solid Black;
    font-size: 14px;
}
.button:hover {
    background-image: url('../../Images/SpheraConsulting_MenuItemBgOver.jpg');
    background-repeat: repeat-x;
    color: White;
    border: 1px solid #444444;
}
.select {
    font-size: 11px;
    width: 204px;
    padding: 1px 0px;
}
.txtBox {
    width: 200px;
    font-size: 12px;
}
.txtArea {
    width: 400px;
    font-size: 12px;
    font-family: Helvetica, Arial, Sans-Serif;
}
#divUp {
    visibility: hidden;
    display: none;
    position: absolute;
    border: 1px solid Orange;
    padding: 10px;
    font-size: 11px;
    background-color: #333333;
    width: 200px;
    height: 60px;
}
.fileUpload {
    border-width: 0px !important;
    font-size: 11px;
    background-color: White !important;
}
.inlineInput input {
    margin-top: 15px;
}
.inlineInput input {
    display: inline !important;
    margin-bottom: 0px !important;
}
.commands {
    height: 30px;
    font-size: 11px;
    vertical-align: middle;
    padding-top: 6px;
}
.commands a {
    margin: 10px 0px;
    padding: 6px 12px;
    background-color: White;
    color: #A50E13;
    text-decoration: none;
}
.commandRow td {
    padding: 10px;
}
.formBtnSmall {
    width: auto !important;
    color: Silver !important;
    font-size: 12px;
    font-family: Trebuchet MS, Helvetica, Arial, Sans-Serif;
    background-color: #555555 !important; 
    border: 1px solid Silver !important;
    padding: 0px 5px !important;
    height: 24px;
}
.formBtnSmall:hover {
    color: White !important;
    border: 1px solid Orange !important;
}

/* NEWS PAGE - LIST AND DETAILS */

.newsTab {
    width: 100%;
    margin-top: 2px;
}
.newsListItem {
    padding: 15px 0px 0px 0px;
    border-bottom: 1px solid #dcdcdc;
}
.newsAttachment {
    font-size: 11px;
    background-color: #82abc4;
    text-align: right;
    height: 20px;
    margin-bottom: 10px;
    padding-right: 10px;
}
.newsImgAttachment {
    float: left;
    width: 120px;
    height: 60px;
    overflow: hidden;
    margin: 0px 15px 5px 0px;
}
.newsImgAttachment img {
    width: 120px;
    border-width: 0px;
}
.newsPager {}
.newsDeatilsItem {
    margin-bottom: 15px;
}    
.newsDetailsTab {
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}
.newsDetailsTab ul {
    margin: 0px 0px 15px 15px;
    padding: 0px;
    list-style-type: circle;
}
.newsDetailsTab ul li {
    margin: 0px;
    padding: 0px;
}
.solutionPictures {
    display: table;
}
.previewBox {
    margin: 0px 10px 10px 0px;
    float: left;
}
.previewBox img {
    border: 2px solid White;
    width: 104px;
}
.previewBox img:hover {
    border: 2px solid #666666;
}

/* AREA PRIVATA - docs tab */

.docsTab {
    width: 100%;
    margin-top: 25px;
}
.docsTab td {
    font-size: 11px !important;
    border-bottom: 1px solid #dcdcdc !important;
}
.docsTab h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 10px 0px;
}
.docsTabHeader th {
    font-size: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc !important;
}
.altRow {
}
.dateCell {
    width: 80px;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    border-right: 1px solid #dcdcdc;
}
.descHeader {
    padding-left: 15px;
    text-align: left;
}
.descCell {
    padding-left: 15px;
}
.descCell p {
    font-size: 11px;
}
.docsTabPager td {
    font-size: 16px !important;
    font-weight: bold;
    border-bottom: 0px !important;
    padding-right: 15px;
    padding-top: 5px;
}