﻿body
{
    font-size: 12px;
    font-family: Verdana;
    padding: 0;
    margin: 0;
       background: url(../Images/headbg.png) repeat-x;
}
*
{
    outline: none;
}
header, footer, nav, section
{
    display: block;
}

.container
{
    margin: auto;    
    height: auto !important;
    min-height: 600px;
    height: 600px;
    width: 1400px;
}
.header, header
{
    position: relative;
    width: 1400px;
    z-index: 4;
    height: 155px;
    background: url(../Images/headbg.png) repeat-x;
}
.footer, footer
{
    margin:auto;
    width:1360px;
    padding: 0 20px;
    color: #fff;
    height: 29px;
    line-height: 29px;
    background: url(../Images/footbg.png) repeat-x;
   
}
.footer_outside
{    border-top: 1px solid #ccc;
height: 29px;   
    background: url(../Images/footbg.png) repeat-x;
    
}
.logo
{
    padding: 4px 0 4px 20px;
    height: 22px;
}
.announcing_ssopro
{
    background: url(/images/announcing_ssopro.png) no-repeat 20px center;
    height: 95px;
    width: 600px;
}
.login_form
{
    float: right;
    width: 500px;
    height: 55px;
    padding: 20px 10px;
}
.login_form .lt
{
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px dotted #000;
    font-style: italic;
    margin-left:50px;
}
a.forgotpwd
{
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
}
.login_tb
{
    width: 98px;
    border: 1px solid #ccc;
}
.login_label
{
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
    display: inline-block;
    padding: 0 8px 0 0;
}
.login_content
{
    padding: 10px 0;
    text-align: right;
}
.left_logo
{
    padding-top: 40px;
    padding-bottom: 20px;
}
.imagebox
{
    padding: 10px 7px;
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    background: #ccc;
    margin: 10px;
}

a.home
{
    background: url(../Images/home.png) no-repeat center 10px;
}
span.home-disable
{
    background: url(../Images/home-disable.png) no-repeat center 10px;
}
a.users
{
    background: url(../Images/users.png) no-repeat center 10px;
}
span.users-disable
{
    background: url(../Images/users-disable.png) no-repeat center 10px;
}
a.applications
{
    background: url(../Images/applications.png) no-repeat center 10px;
}
span.applications-disable
{
    background: url(../Images/applications-disable.png) no-repeat center 10px;
}
a.security_roles
{
    background: url(../Images/securityrole.png) no-repeat center 10px;
}
span.security_roles-disable
{
    background: url(../Images/securityrole-disable.png) no-repeat center 10px;
}
a.role_assignment
{
    background: url(../Images/roleassignment.png) no-repeat center 10px;
}
span.role_assignment-disable
{
    background: url(../Images/roleassignment-disable.png) no-repeat center 10px;
}
a.passwords
{
    background: url(../Images/passwords.png) no-repeat center 10px;
}
span.passwords-disable
{
    background: url(../Images/passwords-disable.png) no-repeat center 10px;
}
a.refresh
{
    background: url(../Images/refresh.png) no-repeat center 10px;
}
span.refresh-disable
{
    background: url(../Images/refresh-disable.png) no-repeat center 10px;
}
a.logoout
{
    background: url(../Images/logout.png) no-repeat center 10px;
}
span.logoout-disable
{
    background: url(../Images/logout-disable.png) no-repeat center 10px;
}

.main-body
{
    height: auto !important;
    min-height: 600px;
    height: 600px;
    top: -30px;
    margin-bottom: -30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 1400px;
    background:#fff;
}





/*.left_side, .right_side, .content_side
{    
    padding-bottom: 100000px;
    margin-bottom: -100000px;
}
.left_handle, .right_handle
{
    padding-bottom: 100000px;
    margin-bottom: -100000px;
}
*/
.left_side
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 390px;
    background: #ebebeb url(/images/left_side_bg.png) repeat-y;
    height: auto !important;
    min-height: 600px;
    height: 600px;
    padding-bottom: 1000000px;
    margin-bottom: -1000000px;
}
.right_side
{
    padding-top: 30px;
    float: left;
    height: auto !important;
    min-height: 600px;
    height: 600px;
    width: 970px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
    padding-bottom: 1000000px;
    margin-bottom: -1000000px;
}
.dottedline
{
    border-bottom: 1px dotted #000;
    margin: 5px 0;
    padding: 0;
}
.h2_title
{
    font-weight: bold;
    font-size: 24px;
    font-style: italic;
}
p.text_content
{
    line-height: 18px;
    margin: 10px 0;
}
ul.ulfeature
{
    width: 483px;
    float: left;
}
ul.ulfeature li.item
{
    display: block;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    height:auto!important;
    min-height:34px;
    height: 34px;
    background: url(/images/item-icon.png) no-repeat left center;
    line-height: 20px;
}
.imgfeature
{
    margin-top:10px;
    float: left;
}

.customer_testimonials_text
{
    font-size: 12px;
    line-height: 18px;
    font-family: Verdana;
}
.title
{
    font-size: 14px;
    font-style: italic;
    color: #000;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px dotted #000;
}

.label_head
{
    padding-top: 15px;
    padding-bottom: 5px;
    display: inline-block;
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
}
.label_head span.checkbox_title, .label_head input, .label_head select
{
    vertical-align: middle;
}
.textbox1
{
    height: 23px;
    border: 1px solid #ccc;
    width: 100%;
}
.fgray1
{
    color: #b2b2b2;
}
.btnleft1, .btnright1, .btncenter1
{
    display: inline-block;
}
.btnleft1, .btnright1
{
    background: url(../images/button1.png) no-repeat;
}
.btnleft1
{
    padding-left: 7px;
    height: 31px;
    background-position: left center;
}
.btnright1
{
    padding-right: 7px;
    height: 31px;
    background-position: right center;
}
.btncenter1
{
    background: url(../images/btnCenter1.png) repeat-x;
    height: 19px;
    padding: 7px 5px;
}


.btnleft2, .btnright2, .btncenter2
{
    display: inline-block;
}
.btnleft2, .btnright2
{
    background: url(../images/button2.png) no-repeat;
}
.btnleft2
{
    padding-left: 7px;
    height: 31px;
    background-position: left center;
}
.btnright2
{
    padding-right: 7px;
    height: 31px;
    background-position: right center;
}
.btncenter2
{
    background: url(../images/btnCenter2.png) repeat-x;
    height: 19px;
    padding: 7px 5px;
}

a.alink_home, a.alink_home:visited
{
    color: #000;
    background: url(../images/icon-home.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alink_pannel2, a.alink_pannel2:visited
{
    color: #000;
    background: url(../images/icon-panel2.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alink_pannel3, a.alink_pannel3:visited
{
    color: #000;
    background: url(../images/icon-panel3.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alink_pannel4, a.alink_pannel4:visited
{
    color: #000;
    background: url(../images/icon-panel4.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alink_pannel5, a.alink_pannel5:visited
{
    color: #000;
    background: url(../images/icon-panel5.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alink_pannel6, a.alink_pannel6:visited
{
    color: #000;
    background: url(../images/icon-panel6.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}

ul.pannel_tree
{
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
ul.pannel_tree li
{
    vertical-align: middle;
    padding: 3px 0;
}
ul.pannel_tree li a, ul.pannel_tree li a:visited
{
    color: #000;
}
ul.pannel_tree li span, ul.pannel_tree li a
{
    vertical-align: middle;
}
ul.pannel_tree ul
{
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
ul.pannel_tree li li
{
    vertical-align: middle;
}
span.tree_arrow
{
    width: 4px;
    height: 7px;
    display: inline-block;
    background: url(../images/tree-arrow.png) no-repeat left center;
}
span.tree_icon
{
    width: 25px;
    height: 20px;
    display: inline-block;
}
span.icon_folder
{
    background: url(../images/icon-folder.png) no-repeat center 2px;
}
.icon_document
{
    background: url(../images/icon-document.png) no-repeat center 2px;
}
.icon_zip
{
    background: url(../images/icon-zip.png) no-repeat center 2px;
}
.error
{
    color: Red;
}

.changepassword
{
    width: 350px;
    height: 240px;
    margin: auto;
}
.login_row input[type='text'], .login_row input[type='password']
{
    border: 1px solid #ccc;
    padding: 3px 1px;
}

.changepassword .login_row label
{
    width: 130px;
}
.login_title
{
    font-size: 14px;
    color: #000;
    font-weight: bold;
    font-style: italic;
    border-bottom: 1px dotted #000;
}
.login_row
{
    padding: 5px 0;
    vertical-align: middle;
}
.login_row img, .login_row input
{
    vertical-align: middle;
}
.login_row label
{
    vertical-align: middle;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    display: inline-block;
    width: 110px;
}
a.alinklogin, a.alinklogin:visited, input.alinklogin
{
    color: #000;
    background: url(../images/icon-login.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
    border: none;
    background-color: transparent;
}
a.alinkok, a.alinkok:visited, input.alinkok
{
    color: #000;
    background: url(../images/icon-ok.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
    border: none;
    background-color: transparent;
}
a.alinkaddgroup, a.alinkaddgroup:visited
{
    color: #000;
    background: url(../images/icon-addgroups.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alinkfilter, a.alinkfilter:visited
{
    color: #000;
    background: url(../images/filter.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alinkremove, a.alinkremove:visited
{
    color: #000;
    background: url(../images/remove.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alinkadduser, a.alinkadduser:visited
{
    color: #000;
    background: url(../images/icon-adduser.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
a.alinkotheraction, a.alinkotheraction:visited
{
    color: #000;
    background: url(../images/icon-otheraction.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: italic;
}
.fblue1
{
    color: #519fc4;
}
a.fblue1
{
    text-decoration: underline;
}

.content_title
{
    font-style: italic;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dotted #000;
    font-weight: bold;
}
input.searchtextbox
{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: none;
    margin: 0;
    height: 23px;
    float: left;
}
input.btnsearch
{
    float: left;
    margin: 0;
    border: none;
    width: 25px;
    height: 25px;
    background: url(../images/btnSearch.png) no-repeat left center;
}
.fb
{
    font-weight: bold;
}
.bottomline
{
    border-bottom: 1px dotted #000;
    padding: 10px 0;
}

table.grid
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.grid tr th
{
    background: url(../images/table-header.png) repeat-x;
    height: 24px;
}
table.grid tr td, table.grid tr th
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 5px;
}
div.paging
{
    background: url(../images/paging_bg.png) repeat-x;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 25px;
}
div.paging
{
    color: #aaa;
}

div.paging a
{
    display: inline-block;
    padding: 5px;
    color: #aaa;
}
div.paging a.first
{
    background: url(../images/first.png) no-repeat center center;
    text-indent: -9999px;
    width: 9px;
}
div.paging a.prev
{
    background: url(../images/prev.png) no-repeat center center;
    text-indent: -9999px;
    width: 4px;
}
div.paging a.last
{
    background: url(../images/last.png) no-repeat center center;
    text-indent: -9999px;
    width: 9px;
}
div.paging a.next
{
    width: 4px;
    background: url(../images/next.png) no-repeat center center;
    text-indent: -9999px;
}
div.paging span
{
    color: #fff;
}

.checkbox_title
{
    /*width: 60px;*/
    display: inline-block;
}
.fwhite1
{
    color: #fff;
}
.pagesize
{
    width: 120px;
    float: right;
    padding-top: 2px;
}
.pagesize select
{
    margin: 0;
    padding: 0;
}



.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

a.linkdelete
{
    background: url(/images/remove.png) no-repeat center center;
    text-indent: 999px;
    display: inline-block;
    width: 18px;
    height: 20px;
    vertical-align: middle;
}
a.linkedit
{
    background: url(/images/icon-edit.png) no-repeat center center;
    text-indent: 999px;
    display: inline-block;
    width: 18px;
    height: 20px;
    vertical-align: middle;
}
a.linkdetails
{
    background: url(/images/icon-document.png) no-repeat center center;
    text-indent: 999px;
    display: inline-block;
    width: 18px;
    height: 20px;
    vertical-align: middle;
}

.t-grid tr td img
{
    vertical-align: middle;
}
.btnok
{
    color: #000;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    border: none;
    background: nono;
    padding: 0px;
    margin: 0px;
    background-image: url(/Images/icon-ok.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
}
.btnsavechanges
{
    color: #000;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    border: none;
    background: nono;
    padding: 0px;
    margin: 0px;
    background-image: url(/Images/icon-save.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 22px;
}
.btncancel
{
    color: #000;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    border: none;
    background: nono;
    padding: 0px;
    margin: 0px;
    background-image: url(/Images/icon-cancel.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 22px;
}
.edituserdatepanl
{
    width: 175px;
    overflow: auto;
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 5px;
    height: 110px;
    background-color: #fff;
}
.select_span
{
    background: url(/Images/select.png) no-repeat;
    display: inline-block;
    width: 125px;
    padding: 0 5px;
    height: 25px;
    font-size: 9px;
    font-weight: bold;
    line-height: 25px;
}
.select_style
{
    background-color: transparent;
    border: none;
}
