@charset "utf-8";

/**
 * NOTOsoft Website
 *
 * Copyright 2008-2010 NOTOsoft Web Designs Inc.
 * Licensed under the GPLv3 license
 *
 * You should have received a copy of the GNU General Public License
 * along with this file.  If not, see <http://www.gnu.org/licenses/>.
 *
 * Last Validation:
 */

/**
 * MISC STYLES
 */
a:link { color: #9C9C9C; }       /* Unvisited link */
a:visited { color: #9C9C9C; }    /* Visited link */
a:hover { color: #FFFFFF; }      /* Mouse over link */
a:active { color: #9C9C9C; }     /* Selected link */

h1 {
    font-size: 161.6%;
    line-height: 40px;
}

h2 {
    font-size: 116%;
    font-weight: bold;
}

h3, .notice {
    font: 85% Verdana, Arial, sans-serif;
    margin-bottom: 3px;
}

h4 {
    font: 85%;
    color: #ffffff;
    padding: 25px 0px 0px 0px;
}

.showAll {
    display: block;
}

.hideAll {
    display: none;
}

.inputError {
    color: #EF3D42;
    display: none;
}

.divider {
    border-bottom: 1px solid #FFFFFF;
    width: 90px;
    margin: 0px 0px 0px auto;
    height: 10px;
}

p {
    font-size: 93%;
    color: #EEEEEE;
}

.boldtext {
    font-weight: bold;
}

.bheader {
    font-size: 150%;
    font-weight: bold;
    margin: 25px 0px 0px 0px;
    line-height: 0px;
}

.sheader {
    font-size: 93%;
    font-weight: bold;
}

.dheader {
    font-size: 116%;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
}

.centertext {
    text-align: center;
}

img.divideLine {
    padding: 5px 0px 15px 0px;
}

input[required='required'] {
    background: #CDF3FF;
}

input[type='radio']:hover {
    cursor: pointer;
}

/**
 * HEADER AND OUTER MOST STYLES
 */
#wrapper {
    width: 100%;
}

#wrapper #banner {
    background: url(../images/header_bkg.png) repeat-x top left;
}
 
#wrapper #banner #flash {
    width: 840px;
    height: 200px;
    margin: 0 auto;
}

#wrapper #banner #flash #logoContainer {
    height: 80px;
    width: 840px;
    padding: 20px 30px 0px 30px;
}

#wrapper #banner #flash #logoContainer img{
    padding: 0px 50px 0px 0px;
    float: left;
}

#wrapper #mainArea {
    width: 840px;
    margin: 0px auto;
}

#wrapper #mainArea #container {
    background: url(../images/main_content_bkg.png) #FFFFFF no-repeat top center;
    height: 485px;
}

/**
 * NAV BAR STYLES
 */
#wrapper #mainArea #navbarContainer {
    width: 200px;
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 0px 10px;
    font: 116% Tahoma, Arial, Verdana, Garuda, sans-serif;
    float: left;
}

#wrapper #mainArea #navbarContainer #navbarTop {
    background: url(../images/navbar_top_bkg.png) no-repeat;
    height: 13px;
}

#wrapper #mainArea #navbarContainer #navbarMiddle {
    background: url(../images/navbar_middle_bkg.png) #0A0A0A no-repeat;
}

#wrapper #mainArea #navbarContainer #navbarBottom {
    background: url(../images/navbar_bottom_bkg.png) no-repeat;
    height: 13px;
    margin: 0px 0px 10px 0px;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.masterpage {
    color: #FFFFFF;
    text-align: right;
    cursor: pointer;
    margin: 0px 10px 0px 10px;
    padding-bottom: 10px;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.activePage {
    background: url(../images/navbar_marker_active.png) no-repeat;
    cursor: default;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.inactivePage {
    background: url(../images/navbar_marker_up.png) no-repeat;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.inactivePage:hover {
    background: url(../images/navbar_marker_hover.png) no-repeat;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.subsection {
    color: #FFFFFF;
    text-align: right;
    font-size: 100%;
    margin: 0px 10px 10px 0px;
    margin-bottom: 30px;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.subsection .activeSub {
    color: #000000;
    cursor: default;
}

#wrapper #mainArea #navbarContainer #navbarMiddle div.subsection .inactiveSub {
    cursor: pointer;
}

#wrapper #mainArea #navbarContainer .quickBtn {
    height: 58px;
}

#wrapper #mainArea #navbarContainer #placeOrderButton:hover {
    cursor: pointer;
    background: url(../images/order_btn_hover.png) no-repeat;
}

#wrapper #mainArea #navbarContainer #reportIssueButton:hover {
    cursor: pointer;
    background: url(../images/issue_btn_hover.png) no-repeat;
}

/**
 * DYNAMIC SECTION STYLES
 */
#wrapper #mainArea #mainContent {
    width: 590px;
    float: left;
}

#wrapper #mainArea #mainContent #contentTopImage {
    background: url(../images/content_top_bkg.png) no-repeat;
    height: 10px;
}

#wrapper #mainArea #mainContent #dynamicContentArea {
    background: url(../images/content_middle_bkg.png) #000000 repeat;
    padding: 1px 10px 1px 10px;
    color: #FFFFFF;
    min-height: 315px;
}

#wrapper #mainArea #mainContent #dynamicContentArea #pageBottomContent {
    margin-top: 30px;
    margin-bottom: 30px;
}

#wrapper #mainArea #mainContent #contentBottomImage {
    background: url(../images/content_bottom_bkg.png) no-repeat;
    height: 10px;
}


/**
 * FOOTER STYLES
 */
#wrapper  #footerSpacer {
	height: 20px;
	width: 100%;
	clear: both;
}
 
#wrapper #footerWrapper {
    width: 100%;
    background: url(../images/footer_bkg.png) #000000 repeat-x top left;
    clear: both;
}

#wrapper #footerWrapper #footer {
    width: 840px;
    margin: 0px auto;
}

#wrapper #footerWrapper #footer #footerthumb {
    width: 820px;
    height: 90px;
    padding: 10px;
    background: url(../images/footer_thumb_bkg.png) no-repeat top center;
}

#wrapper #footerWrapper #footer #footerthumb #webgallery {
    margin-left: 10px;
    float: left;
    height: 90px;
    width: 705px;
}

#wrapper #footerWrapper #footer #footerthumb #icon {
    float: right;
    width: 64px;
    margin: 10px 30px 10px 10px;
}

#wrapper #footerWrapper #footer #footercontent {
    width: 800px;
    padding: 0px 20px 20px 20px;
}

#wrapper #footerWrapper #footer #footercontent .footertable {
    width: 100%;
}

#wrapper #footerWrapper #footer #footercontent .footercell {
    vertical-align: top;
}

#wrapper #footerWrapper #footer #footercontent .footercell a {
    text-decoration: none;
    display: block;
}

#wrapper #footerWrapper #footer #footercontent p {
    font-size: 93%;
    color: #9C9C9C;
}

#wrapper #footerWrapper #footer #footercontent img {
    margin: 0px 10px 0px 0px;
}

#wrapper #footerWrapper #footer #footercontent img.icons {
    cursor: pointer;
}

/**
 * Getting Started STYLES
 */
.gsTitle {
     width: 570px;
     padding: 170px 0px 0px 0px;
 }

.gsIconAlign {
     float: left;
     margin: 0px 10px 0px 0px;
 }

.gsContent {
     width: 570px;
     margin: 20px 0px 0px 0px;
 }

.gsNext {
     background: url(../images/gs_next_bkg.png) no-repeat center right;
     width: 570px;
     height: 70px;
     margin: 10px 0px 0px 0px;
 }

.gsNextBtnArrow {
     background: url(../images/gs_next_btn_up.png) no-repeat center right;
     width: 87px;
     height: 70px;
     float: right;
}

.gsNextBtnArrow:hover {
     background: url(../images/gs_next_btn_hover.png) no-repeat center right;
     cursor: pointer;
}

.gsNav {
     width: 570px;
     height: 30px;
     margin: 10px 0px 0px 0px;
}

 /**
  * OmniBox CSS
  */
#omniBoxBorder #omniBox #lbContent #omniboxContentArea {
    padding: 0px 5px;
    position: relative;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #projectInfo {
    display: none;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #omniBoxTitle h1 {
    float: left;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #omniBoxTitle #omniBoxPageNum {
    float: right;
    font-size: 93%;
    width: 100px;
    text-align: right;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #omniBoxPageDesc {
    text-align: justify;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm .clientInput {
    margin: 10px 0px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm .infoSection {
    margin-top: 20px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm .infoSection h2 {
    margin-bottom: 5px;
    padding-top: 20px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm #personalInfo, #omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm #projectInfo {
    clear: both;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm .colleft {
    float: left;
    width: 286px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm .colright {
    float: right;
    width: 286px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter {
    clear: both;
    padding-top: 20px;
    width: 100%;
    overflow: auto;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.leftArrow, #omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.rightArrow {
    width: 47px;
    height: 31px;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.leftArrow {
    background: url('theme/images/omnibox_left_up.png') no-repeat;
    float: left;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.leftArrow:hover {
    background: url('theme/images/omnibox_left_hover.png') no-repeat;
    cursor: pointer
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.rightArrow {
    background: url('theme/images/omnibox_right_up.png') no-repeat;
    float: right;
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea .pagefooter div.rightArrow:hover {
    background: url('theme/images/omnibox_right_hover.png') no-repeat;
    cursor: pointer
}

#omniBoxBorder #omniBox #lbContent #omniboxContentArea #orderForm label.error {
    display: block;
    width: 100%;
    color: red;
    font-size: 77%;
}