/*body {
    color:#616161;
    font-size:12px;
    margin:0;
    padding:0;
}*/

body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;background:transparent;margin:0;}
body{line-height:1;}

/* Floating & Alignment  */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;}


body  { font: 13px/1.6em Arial,Helvetica,Sans-serif !important; color: #555555;  }

.toolbox a:link, .toolbox a:visited {
    color: #ED5D3B;
    margin-right: 6px;
    font-size: 0.9em;
    font-weight: bold;
}

.toolbox a:hover, .toolbox a:focus, .toolbox a:active {
    color: #333;
    margin-right: 6px;
    font-size: 0.9em;
    font-weight: bold;
}

.toolbox {
    margin-left: 5px;
    padding-left: 16px;
    background: url(../images/wrench-12x12.png) no-repeat 1% 50% transparent;
    /*    border: 1px solid #A6C9E2;
        -moz-border-radius: 5px 5px 5px 5px;
        padding-top: 2px;
        padding-bottom: 2px;*/
}

h1, h2, h3, h4, h5, h6  { margin: 0;  color: #222; font-weight:normal; }
h1  {font-size: 2em; line-height: 2em; } h2  {font-size: 1.8em; line-height: 1.8em;} h3  {font-size: 1.5em; line-height: 1.5em;} h4  {font-size: 1.2em; margin-top: 1.2em; margin-bottom: 0.6em;} h5  {font-size: 1em;} h6  {font-size: 0.8em;}

.title a:link, .title a:visited {
    color: #225F97;
    text-decoration: none;
}

.title a:hover {
    color: #C03D1D;
    text-decoration: none;
}


.section-heading {
    display: block;
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.6em;
    padding-bottom: 2px;
    border-bottom: 2px solid #C1D7E2;
}

#wrapper  { min-width: 960px; }
#header{clear:both;position:relative; z-index: 999; border-top: 3px solid #4C718F; border-bottom: 1px solid #C1D7E2; }
#top { padding: 20px 0; }
#logo  { float:left; }
#logo img  { }

/*#main{width:720px;}
#main.fullwidth {width: 960px;}
#sidebar{width:220px;}*/

#main{margin-left: 240px;}

.col-left { float: left; }
.col-right { float: right; }
/*.col-full  { width: 960px; margin: 0 auto; }*/
.col-full  { width: 90%; min-width: 960px; margin: 0 auto; }

/*#navigation{font:14px/14px Helvetica, Arial, sans-serif;padding:0 0 20px 0;}*/
#navigation{font:14px/14px Helvetica, Arial, sans-serif;padding:20px 0;}
.nav { z-index:99; margin:0; padding:5px 0; list-style:none; line-height:1; }
.nav span  { position:relative; display:block; z-index:100; margin:0 12px; line-height:18px; text-decoration:none; text-shadow: none; }
.nav a  { position:relative; color:#225F97; display:block; z-index:100; margin:0 12px; line-height:18px; text-decoration:none; text-shadow: none; font-weight: bold; }
.nav a:hover,
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-menu-item a,
.nav li.sfHover { color: #333; }
.nav li  { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }


#layout-content{padding:40px 0;}

#footer{padding: 30px 0; color:#A5A5A5; overflow: hidden; text-shadow: #222 0px 1px 0px; background: #444; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 25px inset; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 25px inset; box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 25px inset; }
#footer a { color: #fff; }
#footer p {}
#footer #copyright span { color: #fff; font-size: 14px; }


/* Custom menu icons */
.icon-home .ui-menuitem-text {background: url(../images/home.png) no-repeat 1% 50% transparent; height:16px;}
.icon-world .ui-menuitem-text {background: url(../images/world.png) no-repeat 1% 50% transparent; height:16px;}
.icon-sound .ui-menuitem-text {background: url(../images/sound.png) no-repeat 1% 50% transparent; height:16px;}
.icon-interval .ui-menuitem-text {background: url(../images/time_interval.png) no-repeat 1% 50% transparent; height:16px;}
.icon-block .ui-menuitem-text {background: url(../images/block.png) no-repeat 1% 50% transparent; height:16px;}
.icon-user .ui-menuitem-text {background: url(../images/user.png) no-repeat 1% 50% transparent; height:16px;}
.icon-telephone .ui-menuitem-text {background: url(../images/phone.png) no-repeat 1% 50% transparent; height:16px;}
.icon-group .ui-menuitem-text {background: url(../images/group.png) no-repeat 1% 50% transparent; height:16px;}
.icon-queue .ui-menuitem-text {background: url(../images/queue.png) no-repeat 1% 50% transparent; height:16px;}
.icon-ivr .ui-menuitem-text {background: url(../images/ivr.png) no-repeat 1% 50% transparent; height:16px;}
.icon-vcard .ui-menuitem-text {background: url(../images/vcard.png) no-repeat 1% 50% transparent; height:16px;}
.icon-coins .ui-menuitem-text {background: url(../images/coins.png) no-repeat 1% 50% transparent; height:16px;}
.icon-invoice .ui-menuitem-text {background: url(../images/invoice.png) no-repeat 1% 50% transparent; height:16px;}
.icon-arrow-right .ui-menuitem-text {background: url(../images/arrow_right.png) no-repeat 1% 50% transparent; height:16px;}
.icon-call-forwarding .ui-menuitem-text {background: url(../images/call_forward.png) no-repeat 1% 50% transparent; height:16px;}
.icon-microphone .ui-menuitem-text {background: url(../images/microphone.png) no-repeat 1% 50% transparent; height:16px;}
.icon-envelope .ui-menuitem-text {background: url(../images/envelope.png) no-repeat 1% 50% transparent; height:16px;}
.icon-zone-money .ui-menuitem-text {background: url(../images/zone_money.png) no-repeat 1% 50% transparent; height:16px;}
.icon-package .ui-menuitem-text {background: url(../images/package.png) no-repeat 1% 50% transparent; height:16px;}
.icon-customer-invoice .ui-menuitem-text {background: url(../images/customer-invoice.png) no-repeat 1% 50% transparent; height:16px;}
.icon-prefs .ui-menuitem-text {background: url(../images/prefs.png) no-repeat 1% 50% transparent; height:16px;}
.icon-reseller .ui-menuitem-text {background: url(../images/reseller.png) no-repeat 1% 50% transparent; height:16px;}
.icon-inbox .ui-menuitem-text {background: url(../images/mailbox.png) no-repeat 1% 50% transparent; height:16px;}
.icon-voicemail .ui-menuitem-text {background: url(../images/envelope.png) no-repeat 1% 50% transparent; height:16px;}
.icon-call-recording .ui-menuitem-text {background: url(../images/microphone.png) no-repeat 1% 50% transparent; height:16px;}
.icon-call-forwarding .ui-menuitem-text {background: url(../images/call_forward.png) no-repeat 1% 50% transparent; height:16px;}
.icon-history .ui-menuitem-text {background: url(../images/history-small.png) no-repeat 1% 50% transparent; height:16px;}
.icon-address-book .ui-menuitem-text {background: url(../images/address_book.png) no-repeat 1% 50% transparent; height:16px;}
.icon-snapshots .ui-menuitem-text {background: url(../images/snapshots.png) no-repeat 1% 50% transparent; height:16px;}
.icon-direction .ui-menuitem-text {background: url(../images/direction.png) no-repeat 1% 50% transparent; height:16px;}

/* Custom button icons */
.btn-icon-connect {background-image: url(../images/handset-connect.png) !important}
.btn-icon-forwarding {background-image: url(../images/call_forward.png) !important}
.btn-icon-edit {background-image: url(../images/pencil.png) !important}
.btn-icon-voicemail {background-image: url(../images/envelope.png) !important}
.btn-icon-recording {background: url(../images/microphone.png) !important}
.btn-icon-greeting {background: url(../images/comment.png) !important}
.btn-icon-portal {background-image: url(../images/user-portal.png) !important}
.btn-icon-sms-in {background-image: url(../images/sms_in.png) !important}
.btn-icon-interval {background-image: url(../images/time_interval.png) !important}
.btn-icon-tariff {background-image: url(../images/zone_money.png) !important}
.btn-icon-view {background-image: url(../images/view.png) !important}


.ui-widget,
.ui-widget .ui-widget {
    font-family: Arial,Helvetica,Sans-serif !important;
    font-size: 12.5px !important;
}


.ui-menu .ui-menuitem .ui-menuitem-text {
    padding-left: 1.9em;
}

.table-column-align-left {
    text-align: left;
}

.table-column-align-right {
    text-align: right;
}

.table-column-align-center {
    text-align: center;
}

.table-row-align-top {
    vertical-align: top;
}

.table-row-align-middle {
    vertical-align: middle;
}

.table-row-narrow td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 0.9em;
}

.nowrap td {
    white-space: nowrap !important;    
}

.queue-agents-picklist .ui-picklist-source {
    width: 157px;
    height: 140px;
}

.queue-agents-picklist .ui-picklist-target {
    width: 157px;
    height: 140px;
}

.ui-wizard-step-title {
    font-size: 0em;
    visibility: hidden;
}

.link-logout {
    background-image: url(../images/logout.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.link-back {
    background-image: url(../images/arrow_left.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.userprefs .jpassword {
    width: 150px;
}

.ui-layout-ft {
    font-size: 0.9em;
    text-align: right;
}

.login-panel .ui-panel-footer {
    font-size: 0.9em;
    text-align: right;
}

.pnlAdd {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

label {
    font-weight: bold;
}

/*.ui-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal {
    border: medium none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}*/

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    -moz-box-shadow: none;
    /*background: none repeat scroll 0 0 #FFFFFF;
      border: 1px solid #999999;*/
    color: #222222;
    font-weight: normal;
    /*  cursor: text;*/
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #222222;
    text-decoration: none;
}

.ui-state-error {
    background-color: #FEF1EC !important;
}

.ui-menu .ui-widget-header h3 {
    border: none;
    font-size: 1.1em;
    color: #ffffff;
    font-weight: bold;
}


.helpitem {
    background-image: url(../images/help.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 22px;
    padding-top: 1px;
}

.info-msg {
    background-image: url("../images/icon_notification.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 1.2em;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2em;
    margin: 10px 0;
    padding-left: 26px;
}

.info-msg a, .info-msg a:visited {
    font-weight: bolder;
    color: #990000;
}

.ui-growl {
    top: 135px !important;
}

.ui-panel {
    margin-bottom: 20px;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
    cursor: pointer;
}

.ui-tabs-left .ui-tabs-nav {
    width: 18%;
}

.ui-tabs-left .ui-tabs-panels {
    width: 80%;
}

#resellerPrefsTabView .ui-tabs-nav.ui-helper-clearfix {
    display: inline-block !important;
}

.groupMembersPickList  .ui-picklist-list{
    width: 210px;
    height: 130px;
}

#notesForm\:dgNotes_content {
    border: none !important;
    background: none !important;
}

.ui-selectonemenu-item.ui-state-disabled {
    display: none;
}

.ui-state-highlight .ui-icon, .ui-state-active .ui-icon, .ui-state-default .ui-icon, .ui-widget-content .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-default .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("/faces/javax.faces.resource/images/ui-icons_simwood.png?ln=primefaces-redmond");
}