/*ACPLUS 2008 StyleSheet*/
/*global.css - mainlayout stylesheet*/

/*Main Layout*/
body
{
    text-align: center;
    font: 75%/140% Arial, Tahoma, Helvetica, sans-serif;
    background: url(../assets/gradientbg.gif) top repeat-x #fff;
}
#wrap-main
{
    width: 960px;
    text-align: left;
    margin: 0 auto;
}

/*Header*/
#header
{
    margin: 30px 0 15px 0;
}
#header h1 a
{
    background: url(../assets/acplus_sitename.gif);
    width: 136px;
    height: 59px;
    text-indent: -2000em;
    display: block;
}
#cuslogin
{
    width: 589px;
    float: right;
    margin: -40px 0 0 0;
    text-align: right;
}
#viewdemo
{
    margin-top: 20px;
}
/*#cuslogin p {float:left;}*/
#cuslogin p.hotline
{
    margin-bottom: 5px;
    font-size: 120%;
    color: #F3AC00;
}
#cuslogin p.hotline label
{
    font-weight: bold;
}
#cuslogin a
{
    background: url(../assets/icon_customer.gif) no-repeat;
    text-decoration: none;
    padding: 0 0 0 20px;
    font-weight: bold;
    display: inline-block;
}
/*Navigation bar*/
#navibar
{
    background: url(../assets/gradientbg.gif) center bottom no-repeat #0f466d;
    color: #fff;
    position: relative;
    padding: 6px 10px 6px 10px;
}
#navi
{
}
#navi ul
{
    float: left;
}
#navi ul li
{
    float: left;
    margin-right: 15px;
    font-size: 120%;
    font-weight: bold;
}
#navi a
{
    color: #fff;
    text-decoration: none;
    padding: 5px 3px;
    display: block;
}
#navi a:hover, #navi ul li.current a
{
    color: #98dffd;
}
#support
{
    float: right;
    margin: 0 0 0 0;
}
#support .online-support a
{
    display: block;
    background: url(../assets/lbl_online_support.gif) no-repeat;
    text-indent: -2000em;
    width: 127px;
    height: 28px;
    float: left;
    margin: 2px 0 0 0;
}
/*online chat popup*/
#online-chat-nick
{
    position: absolute;
    top: 42px;
    right: 10px;
    width: 149px;
    padding: 10px 12px;
    background: url(../assets/chat_nick_botbg.png) bottom no-repeat #fff;
    color: #333;
    display: none;
}
#online-chat-nick h3
{
    font-size: 90%;
    font-weight: bold;
    background: url(../assets/icon_YM.gif) 0 4px no-repeat;
    padding: 3px 0 3px 45px;
    margin: 0 0 10px 0;
    line-height: 1.5em;
}
#online-chat-nick a
{
    color: #333;
    text-decoration: none;
}
#online-chat-nick a:hover
{
    color: #f90;
}
#online-chat-nick ul
{
    margin: 0 0 10px 0;
    padding: 0;
}
#online-chat-nick ul li
{
    font-size: 90%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    background: url(../assets/h_dotted.gif) bottom repeat-x;
    margin: 0 0 3px 0;
    padding: 0 0 5px 0;
    line-height: 1.5em;
}
#online-chat-nick ul li a
{
    background: url(../assets/bullet_orange.gif) 0 5px no-repeat;
    padding-left: 15px;
}
#online-chat-nick .but_close
{
    font-size: 90%;
    text-align: right;
}
#online-chat-nick .but_close a
{
    background: url(../assets/icon_close.gif) no-repeat 0 3px;
    padding: 0 0 0 15px;
    display: inline-block;
}

/*Footer*/
#footer
{
    background: #0f466d;
    padding: 0 15px;
}
#footer ul
{
    float: left;
    padding: 15px 0;
}
#footer ul li
{
    float: left;
    margin: 0 10px 0 0;
    font-size: 90%;
    font-weight: bold;
    border-right: solid 1px #87a3b6;
    padding-right: 10px;
}
#footer ul li.last
{
    border: none;
}
#sitebyiboss
{
    float: right;
    margin: 10px 0 0 0;
    line-height: 0;
}
#footer a
{
    color: #fff;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

/*end main layout*/

/*common settings*/
a, a:visited
{
    color: #0064a3;
    text-decoration: none;
}
a:hover
{
    color: #f90;
}

.file-pdf, .file-xls, .file-doc, .file-ppt
{
    padding: 0 0 0 30px;
}
.file-pdf
{
    background: url(../assets/file_pdf.gif) no-repeat;
}
.file-xls
{
    background: url(../assets/file_xls.gif) no-repeat;
}
.file-ppt
{
    background: url(../assets/file_ppt.gif) no-repeat;
}
.file-doc
{
    background: url(../assets/file_doc.gif) no-repeat;
}

strong
{
    font-weight: bold;
}
em
{
    font-style: italic;
}
.align-center
{
    text-align: center;
}
.asterik
{
    font-weight: bold;
    color: #f60;
}
.float-left
{
    float: left;
    margin: 2px 10px 10px 0;
}
.float-right
{
    float: right;
    margin: 2px 0 10px 10px;
}
.notes
{
    font-size: 90%;
    color: #666;
}
small
{
    font-size: 90%;
}
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #pagecontents:after, #navibar:after, #footer:after, #articles:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, #navibar, #footer, #articles, #pagecontents
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html #navibar, * html #footer, * html #articles, * html #pagecontents
{
    height: 1%;
}
.clearfix, #navibar, #footer, #articles, #pagecontents
{
    display: block;
}
/* End hide from IE-mac */
/*=======================================*/

/*homepage*/
#mainbanner
{
    line-height: 0;
}
/*introbox*/
#intro
{
    background: url(../assets/introbg.jpg) top no-repeat;
    height: 383px;
}
#newsticker
{
    background: url(../assets/icon_chart.gif) 10px 4px no-repeat;
    padding: 6px 0 5px 35px;
    color: #fff;
    font-size: 90%;
}
#newsticker label
{
    font-weight: bold;
    float: left;
    width: 45px;
    margin-right: 10px;
}
#newsticker a
{
    color: #9ddcf7;
}
#newsticker a:hover
{
    text-decoration: underline;
}
#newsticker ul
{
    float: left;
    width: 600px;
}

#productoverview
{
    float: left;
    width: 600px;
    margin: 25px 10px 0 0;
    padding: 0 20px;
}
#productoverview h2
{
    font-size: 130%;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px 0;
}
#productoverview p
{
    margin: 10px 0;
}
#whychoose
{
    margin: 20px 0 0 0;
}
#whychoose .product-image
{
    width: 155px;
    float: left;
    margin-right: 50px;
}
#whychoose h3
{
    font-size: 120%;
    font-weight: bold;
    margin: 10px 0 20px 0;
    color: #fff;
}
#whychoose .reasons
{
    float: left;
    width: 395px;
}
#whychoose .reasons ul
{
    float: left;
}
#whychoose .reasons li
{
    float: left;
    width: 150px;
    margin: 0 0 5px 0;
    padding: 2px 0 0 40px;
    background: url(../assets/icon_checked.png) 0 0 no-repeat;
    height: 25px;
    font-weight: bold;
    color: #333;
}
#product-sidebar
{
    float: left;
    width: 300px;
    padding: 15px 10px 0 0;
}
#versions
{
    padding: 30px 30px 0 20px;
}
#versions h3
{
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#versions li
{
    margin: 0 0 4px 0;
    padding: 5px 0 10px 50px;
    border-bottom: solid 1px #eaeaea;
    font-weight: bold;
}
#v01
{
    background: url(../assets/icon_v_01.gif) top left no-repeat;
}
#v02
{
    background: url(../assets/icon_v_02.gif) top left no-repeat;
}
#v03
{
    background: url(../assets/icon_v_03.gif) top left no-repeat;
}
#v04
{
    background: url(../assets/icon_v_04.gif) top left no-repeat;
}
#v05
{
    background: url(../assets/icon_v_05.gif) top left no-repeat;
}
#product-todos
{
    padding: 40px 30px 0 30px;
}
#product-todos li
{
    margin: 0 0 5px 0;
    padding: 5px 0 12px 40px;
    border-bottom: solid 1px #ddd;
    font-weight: bold;
}
.todo-download
{
    background: url(../assets/icon_download.gif) 0px 0px no-repeat;
}
.todo-quotes
{
    background: url(../assets/icon_quotes.gif) no-repeat;
}
.todo-install
{
    background: url(../assets/icon_monitor.gif) no-repeat;
}
.todo-guide
{
    background: url(../assets/icon_guide.gif) no-repeat;
}
.todo-etraining
{
    background: url(../assets/icon_etraining.gif) no-repeat;
}
/*Articles*/
#articles
{
    margin: 0 0 20px 0;
}
.wrap-articles
{
    float: left;
    width: 640px;
    margin-right: 10px;
}
#students
{
    background: url(../assets/newsblock_top_shade.gif) center bottom no-repeat;
    padding-bottom: 20px;
}
#students .students-hdr
{
    background: url(../assets/icon_clubmember.gif) no-repeat;
    padding: 5px 0 0 60px;
    height: 43px;
}
#students h3
{
    font-size: 120%;
    font-weight: bold;
    color: #f3ac00;
}
#students .regbut
{
    float: right;
    margin: -53px 0 0 0;
    background: url(../assets/v_dotted.gif) left repeat-y;
    padding: 0;
    width: 250px;
    text-align: center;
}
#news-teaser
{
    background: url(../assets/newsblock_bg.gif) top no-repeat;
    padding: 10px 10px 0 10px;
}
#news-teaser h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(../assets/news_hdr_botbg.gif) bottom repeat-x;
    padding-bottom: 10px;
}
#news-teaser h4
{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
#news-teaser .n-img
{
    float: left;
    margin: 0 20px 20px 0;
    height: 80px;
}
#news-teaser .n-img img
{
    border: solid 1px #ddd;
    padding: 2px;
}
#news-teaser ul
{
    clear: both;
    margin: 10px 0;
}
#news-teaser ul li
{
    font-size: 90%;
    background: url(../assets/bullet_blue.gif) 0 6px no-repeat;
    padding-left: 20px;
}
#accounting-support
{
    float: left;
    width: 300px;
    margin-right: 20px;
}
#technical-support
{
    float: left;
    width: 300px;
}
#accounting-support ul, #technical-support ul
{
    background: url(../assets/shadow_delim.gif) top no-repeat;
    padding-top: 20px;
}

#product-tabs
{
    background: url(../assets/newsblock_top_shade.gif) center bottom no-repeat;
    padding: 0 10px;
}
.tabcontents
{
    padding: 10px 20px;
}
.tabcontents p
{
    margin: 15px 0;
}
.tabs
{
    width: 114px;
    height: 22px;
    padding: 7px 0 0 0;
    display: block;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-right: 3px;
    cursor: pointer;
}
.active
{
    background: url(../assets/but_tab_active.gif) no-repeat;
    color: #333;
}
.inactive
{
    background: url(../assets/but_tab_inactive.gif) no-repeat;
    color: #0064a3;
}
/*home sidebar*/
#home-sidebar
{
    float: left;
    width: 270px;
    padding: 0 20px 0 20px;
}
#home-sidebar h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
}
#documents
{
    margin: 0 0 10px 0;
    background: url(../assets/shadow_delim.gif) bottom no-repeat;
    padding-bottom: 10px;
}
#documents h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 15px;
}
#documents ul li
{
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 90%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}
#documents ul li.last
{
    border-bottom: none;
}
#documents ul li a
{
    color: #000;
}
#documents ul li a:hover
{
    color: #f90;
}
#utilities
{
    margin: 10px 0;
}
#utilities h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 15px;
}
#utilities ul li
{
    font-size: 90%;
    background: url(../assets/bullet_blue.gif) 0px 4px no-repeat;
    padding-left: 20px;
}
#accounting-support-2
{
    background: url(../assets/shadow_delim.gif) bottom no-repeat;
    padding-bottom: 10px;
}
.sidebar-newsblock h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(../assets/news_hdr_botbg.gif) bottom repeat-x;
    padding-bottom: 10px;
}
.sidebar-newsblock h4
{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}
.sidebar-newsblock .n-img
{
    float: left;
    margin: 3px 10px 20px 0;
    height: 50px;
}
.sidebar-newsblock .n-img img
{
    border: solid 1px #ddd;
    padding: 2px;
}
.sidebar-newsblock ul
{
    clear: both;
    margin: 10px 0;
}
.sidebar-newsblock ul li
{
    font-size: 90%;
    background: url(../assets/bullet_blue.gif) 0 6px no-repeat;
    padding-left: 20px;
}

/*Subpage*/
#subcontents
{
    width: 683px;
    float: left;
    margin: 20px 20px 0 0;
}
.navlink
{
    font-size: 90%;
    background: url(../assets/navlink_bg.gif) bottom center no-repeat;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
#subsidebar
{
    width: 257px;
    float: left;
    margin: 20px 0 0 0;
    background: url(../assets/sub_sidebar_botbg.gif) bottom no-repeat;
}
.wrap-subsidebar
{
    background: url(../assets/sub_sidebar_topbg.gif) top no-repeat;
    padding: 20px 18px 20px 28px;
}
#subnav
{
    margin: 0 0 20px 0;
}
#subnav h3
{
    font-size: 120%;
    font-weight: bold;
    background: url(../assets/news_hdr_botbg.gif) bottom repeat-x;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#subnav li
{
    background: url(../assets/bullet_blue.gif) 0 5px no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}
#subsidebar #utilities
{
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#sidebar-students h3
{
    font-size: 120%;
    font-weight: bold;
    color: #f3ac00;
}
#sidebar-students p
{
    margin: 10px 0;
}

/*customer supports*/
#cusnav
{
    margin: 0 0 20px 0;
}
#cusnav h3
{
    font-size: 120%;
    font-weight: bold;
    background: url(../assets/news_hdr_botbg.gif) bottom repeat-x;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.cus-support, .cus-request, .cus-update, .cus-license
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 30px;
    border-bottom: solid 1px #eaeaea;
}
.cus-support
{
    background: url(../assets/icon_cus_support.gif) 0 3px no-repeat;
}
.cus-request
{
    background: url(../assets/icon_cus_request.gif) 0 3px no-repeat;
}
.cus-update
{
    background: url(../assets/icon_cus_download.gif) 0 3px no-repeat;
}
.cus-license
{
    background: url(../assets/icon_cus_license.gif) 0 3px no-repeat;
}


#cusnav h4
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
}
#cusnav p
{
    margin: 0;
    line-height: 1.2em;
}
.subpagecontents
{
    margin: 10px 0;
}
.subpagecontents h2
{
    font-size: 140%;
    font-weight: bold;
}
.subpagecontents h3
{
    font-size: 120%;
    font-weight: bold;
}
.subpagecontents h4
{
    font-size: 100%;
    font-weight: bold;
}
.subpagecontents h2, .subpagecontents h3, .subpagecontents h4
{
    margin: 10px 0;
}
.subpagecontents p
{
    margin: 10px 0;
    line-height: 1.6em;
}
.subpagecontents ul, .subpagecontents ol
{
    margin: 10px 0;
}
.subpagecontents ul
{
    list-style: square;
    margin: 0 0 0 25px;
}
.subpagecontents ul li
{
    list-style: square;
}
.subpagecontents ol
{
    list-style: decimal;
    margin: 0 0 0 25px;
}
.subpagecontents ul li
{
    list-style: decimal;
}

.other-news
{
    margin: 20px 0;
    border-top: solid 1px #ccc;
    padding-top: 10px;
}
.other-news h3
{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.other-news ul
{
    margin-left: 15px;
}
.other-news ul li
{
    background: url(../assets/bullet_blue.gif) 0 5px no-repeat;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}
/*Customer Support*/
.qa
{
}
.qa dl
{
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.qa dt
{
    font-weight: bold;
}
.qa dd.info
{
    font-size: 90%;
    color: #666;
    margin: 5px 0;
}
.update
{
    margin: 20px 0;
}
.update dl
{
    margin-bottom: 10px;
    padding: 0 0 10px 50px;
    background: url(../assets/icon_download_l.gif) 0 0 no-repeat;
}
.update dt
{
    font-weight: bold;
    font-size: 120%;
}
.update dd.info
{
    font-size: 90%;
    color: #666;
    margin: 5px 0;
}
.update dd.desc
{
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 10px;
}
.changepass
{
    margin: -15px 0 0 0;
    float: right;
    font-weight: bold;
}
/*forms*/
.cm_txt
{
    background: url(../assets/form_txtbg.gif) repeat-x;
    height: 16px;
    padding: 3px 0 0 0;
    border: solid 1px #ccc;
    font-size: 90%;
}
.cmbut
{
    background: url(../assets/but_bg.gif) repeat-x;
    color: #333;
    font-weight: bold;
    padding: 5px 10px;
    border: solid 1px #ccc;
    display: inline-block;
    cursor: pointer;
}
.cmbut a, .cmbut a:hover
{
    color: #333;
}
.common-form
{
    border: solid 1px #ccc;
    border-bottom: solid 2px #ccc;
    padding: 10px 30px 10px 30px;
    margin: 20px 0;
}
.common-form h3
{
    margin-bottom: 20px;
}
.common-form legend
{
    font-size: 120%;
    font-weight: bold;
}
.common-form p
{
    margin: 10px 0;
}
.common-form label
{
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
}
.common-form #txt_cusname
{
    width: 400px;
}
.common-form #txt_cusemail
{
    width: 400px;
}
.common-form #txt_cusphone
{
    width: 200px;
}
.common-form #txt_cusmsg
{
    width: 350px;
    background: url(../assets/form_txtbg.gif) top repeat-x;
    border: solid 1px #ccc;
}
.common-form h3
{
    font-size: 120%;
    margin-bottom: 5px;
    font-weight: bold;
}
#fldcontact
{
    width: 400px;
    margin: 20px auto;
}
#fldcontact p label
{
    float: left;
    display: compact;
    width: 130px;
}
#fldcontact .cm_txt
{
    width: 220px;
}
#contact-form
{
    margin: 0 auto;
    width: 355px;
}
#fldlogin
{
    width: 250px;
    margin: 20px auto;
}
#txt_username, #txt_password
{
    width: 200px;
}
#fldrequest
{
}
#txt_cusrequest
{
    width: 500px;
    background: url(../assets/form_txtbg.gif) top repeat-x;
    border: solid 1px #ccc;
}

#otherdocument
{
    padding-top: 20px;
}
#otherdocument h3
{
    font-size: 120%;
    font-weight: bold; /*background:url(../assets/news_hdr_botbg.gif) bottom repeat-x;*/
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#otherdocument li
{
    padding: 0 0 0 30px;
    margin: 0 0 5px 0;
}
.navlink img
{
    padding: 0 5px 0 0;
}

div.error-box
{
    border: solid 1px #e4ecf3;
    padding: 5px 0px;
    display: none;
    font-size: 90%;
    margin-bottom: 5px;
    background: #ffffd3;
}
div.error-box ol
{
    list-style: disc;
    margin: 0 0 0 15px;
}
div.error-box ol li
{
    list-style: disc;
}
div.error-box label
{
    font-weight: normal;
}