
/* General styles */

body {

    font-family:Arial,Verdan,Sans-Serif;
    font-size:75%;

    background-color: #EDEEEF;
    background-size: 5px 5px, 5px 5px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
    background-image: -webkit-linear-gradient(white 2px, transparent 2px),
        -webkit-linear-gradient(0, white 2px, transparent 2px),
        -webkit-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
        -webkit-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
    background-image: -moz-linear-gradient(white 2px, transparent 2px),
        -moz-linear-gradient(0, white 2px, transparent 2px),
        -moz-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
        -moz-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
    background-image: linear-gradient(white 2px, transparent 2px),
        linear-gradient(90deg, white 2px, transparent 2px),
        linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    -pie-background: linear-gradient(white 2px, transparent 2px) -2px -2px / 100px,
        linear-gradient(90deg, white 2px, transparent 2px) -2px -2px / 100px,
        linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px) -1px -1px / 20px,
        linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px) -1px -1px / 20px,
        #269;


}

/* Text Shadow ( CSS3 ony ) */



.page-title h1, #navigation li a, .hastable thead td, .hastable thead th, #page-wrapper .other-box h3 {
    /*text-shadow:0 1px 0 #5D89CA;*/
}

/* Rounded corners ( CSS3 ony ) */

.ui-corner-tl {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}

.ui-corner-tr {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}

.ui-corner-br {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}

.ui-corner-top {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}

.ui-corner-right {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}

.ui-corner-left {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}

.ui-corner-all, .pagination li a, .pagination li, #tooltip, ul#dashboard-buttons li a, .fixed #sidebar {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* States and Images */

/*.ui-icon {
    width:16px;
    height:16px;
    background-image: url(images/ui-icons_469bdd_256x240.png);
}*/

#navigation a .ui-icon {
    background-image: url(images/ui-icons_white.png);

}

#navigation a:hover .ui-icon {
    background-image: url(images/ui-icons_469bdd_256x240.png);
}
/*.ui-widget-content .ui-icon {    
    background-image:url("images/ui-icons_017B42_256x240");
}*/
#dynamicMenu .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_white.png");
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_017B42_256x240.png);
}
.ui-state-default .ui-icon {    
    background-image:url(images/ui-icons_017B42_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {    
    background-image:url(../../../images/icons-white.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_017B42_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_017B42_256x240.png);
}
/* Component containers */

.ui-widget-content {	
    background:#fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color:#222;                
}
.ui-widget-content a {
    /*color: #222;*/
}

.ui-widget-header {	
    /*background:#5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;*/
    /*background: #3E72AA;*/
    /*color:#fff;*/
    font-weight:bold;
}

.ui-widget-header a {
    color: #666;
}

.ui-widget-header a:hover {
    color: #000;
}

/* Interaction states */

.ui-state-default, .ui-widget-content .ui-state-default, .pagination a {
    border:1px solid #217BC0;
    /*background:#dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;*/
    /*background: #F7F7F7;*/
    color:#323B44;
}

#page-wrapper #main-wrapper #main-content .page-title h1 b, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, #page-wrapper #main-wrapper .title h2, #page-wrapper #main-wrapper .title h3, a {

    text-decoration:none;
    outline:none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .pagination a:hover, a.btn:hover, button.ui-state-default:hover {
    color:#323B44;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color:#1d5987;
    text-decoration:none;
    outline:none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    /*	border:1px solid #A6C9E2!important; */
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight:normal !important;
    color:#848484;
    outline:none;
}

a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#E17009;
    outline:none;
    text-decoration:none;
}

#main-content .page-title, .form-bg, #page-wrapper #sidebar .side-menu li a:hover { /* add to any div to change background color */
    /*	background:#f2f9fe;*/
    background:#F9FBFC;
}

.linetop {
    border-top:#c7c7c7 solid 1px;
}

/* Header Style */

#header {
    background-color: #3E72AA;
    border-bottom:4px solid #DBD9D9;
}

#header #top-menu {
    color: #fff;
    font-family: OpenSansSemibold;
}

#header #top-menu a {
    color:#184371;
    padding: 2px;
}

#header #top-menu span {
    color:#fff;
    padding:0;
}

#header #sitename a.logo {
    color:#fff;
    /*	background:url(../../../images/HTC_Logo1.png) no-repeat;*/
    text-shadow:1px 1px 0 #4c6a8c;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff;
    text-shadow:1px 1px 0 #000;
    /*	height:67px; */
    width:143px;
    top:2px;
    position:absolute;
}

#header #top-menu a:hover, #header #sitename a.logo:hover {
    /*color:#EFE6E6 !important;*/
}

#header #top-menu a, #header #sitename a.logo {
    color:#FFF500 !important;
}


/* Header navigation menu */

#navigation li a {
    /*	color:#16335B;*/
    color:#FFFFFF;
    font-weight:bold;
    /*border-right:#a3cfee solid 1px;*/
    /*	border-left:#fff solid 1px;*/
}

#navigation li.sfHover, #navigation li.sfHover2 {
    background:#fff;
    border-left:#b2b2b2 solid 1px;
    border-right:#b2b2b2 solid 1px;
    color:#16335B;

}
#navigation li:hover{
    color:#16335B;
}

#navigation li ul {
    background:#fff;
    border:#b2b2b2 solid 1px;
}

#navigation li ul li {
    border-bottom:#ccc dotted 1px;
    background:#f0f0f0;
}

#navigation li ul li a {
    color:#7c7c7c;
}

#navigation li ul li a:hover {
    /*	color:#696969;*/
    color:#475E7C;
    /*	background:#f7f7f7;*/
    background: #FFFFFF;
}

#navigation li ul li.sfHover, #navigation li ul li.sfHover2 { 
    background:#e0e0e0;
}

#navigation li ul li.sfHover a {
    color:#333;	
}

#navigation li ul li ul li a:hover {
    color:#000;
}

/* Pages title box */

.other {
    color:#515151;
    border-bottom:#395c79 dotted 1px;
}

/* Dashboard buttons */

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li {
    border:#fff solid 4px;
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a {
    background-color:#f3f3f3;
    border:#B3C6D6 solid 1px;
    color:#666;
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a:hover {
    /*background-color:#e4e7ea;*/
    border-color:#3b5998;
    color:#333;
}

#page-wrapper #main-wrapper #main-content .page-title .other ul#dashboard-buttons li a:active {
    border-color:#9d9d9d;
}

/* Different title styles */

#page-wrapper #main-wrapper .title, #page-wrapper #sidebar .side-menu li {
    color:#616161;
    border-bottom:#8f8f8f dotted 1px;

}

.ui-sortable-placeholder {
    background:#ffffcc;
}

#page-wrapper #sidebar {
    background:#f4f4f4;
    border-color:#d0d0d0;
}

/* Note */

i.note {
    font-weight:bold;
    padding:15px 0 15px 25px;
    color:#8f8f8f;
    display:block;
}

.red {
    color:red;
}

/* Footer */

#footer {
    border-top:#e3e3e3 solid 6px;
    background: #3E72AA;
    /*        background:#5279B8;*/
    color:#c1c1c1;
}
#footer #menu a {
    color:#fff;
}

#footer #menu a:hover {
    text-decoration:underline;
}



/* button*/
/* green */
.aetins-btn {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.aetins-btn:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.aetins-btn:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

#page-wrapper #main-wrapper #main-content .page-title h1 b, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, #page-wrapper #main-wrapper .title h2, #page-wrapper #main-wrapper .title h3, a {
    /*color:#F9860F;*/
    color:#666666 !important;
}


.hastable thead td, .hastable thead th {
    background:#daeefd ;
}

#navigation li ul li {
    background:#DFEFFC repeat-x scroll 50% top;
    font-size: 11px;


}

#navigation li ul li.sfHover,#navigation li ul li.sfHover2,#navigation li ul li:hover {

    background:#DFEFFC none;

}
#page-wrapper #main-wrapper .title {
    padding:2px 0;
}

.hastable table {
    border-top:2px solid #9CAEC1;
}

a.button ,btn-align-center a.button{
    /* background: none repeat scroll 0 0 #84c6f9;
      color: #183a54;
      border: 1px solid #6485a9;
      text-shadow:none;*/
}




input[type="button"].ui-state-disabled {
    background: url("images/ui-icons_469bdd_256x240.png") repeat-x scroll 50% 50% #ccc ;
    background-position: -32px -144px;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    border-radius: 5px 5px 5px 5px;

}

input[type="button"].search-image {
    background: url("images/ui-icons_469bdd_256x240.png") ;
    background-position: -160px -112px;
    border: 1px solid #6595D7;
    color: #2E6E9E;
    border-radius: 5px 5px 5px 5px;

}

input[type="button"] {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #84c6f9;
    background-position: -32px -144px;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    border-radius: 5px 5px 5px 5px;

}

table.hastable thead th {
    background: #EDF4F9;

}


/*#hidden-menu {
background-color: #6485A9;
    border: 4px solid #4C7199;
}*/
.grid-img {
    background:url(images/grid.png) no-repeat right;
    /*(	height:21px;*/
}

#page-wrapper #main-wrapper,#page-wrapper #main-wrapper #main-content,#page-wrapper {
    /*	background-color:#CDDDF7;*/
    /*background-color:#F0F0ED;*/
    /*background:#fff url(images/bg.png) repeat;*/
}

.theme-colections {
    background:-moz-linear-gradient(center top , #81A8CE, #5E87B0) repeat scroll 0 0 #5E87B0 !important;
    background:-webkit-gradient(linear,
        center top,
        center top,
        color-stop(0.34, #81A8CE),
        color-stop(0.67, #5E87B0)
        ) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#81A8CE', endColorstr='#5E87B0');								
}

/* moving button in ie7 fix note : this is temp fix*/
input.button {
    /* background: none repeat scroll 0 0 #84C6F9 !important;
     border: 1px solid #6485A9 !important;
     color: #183A54 !important;
     text-shadow: none !important;*/
}
/* ends */

/*.gray {
        color: #e9e9e9;
        border: solid 1px #555;
        background: #6e6e6e;
        background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
        background: -moz-linear-gradient(top,  #888,  #575757);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
        background: #616161;
        background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
        background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top,  #575757,  #888);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}*/


.ui-dialog{

}
.ui-widget-content .ui-icon-red  {
    background-image: url("images/ui-icons_A30D3B_256x240.png");
}

.ui-icon-red {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99999px; border-radius: 3px;
}
.ui-menu .ui-menu-parent:hover .ui-menu-child {
    display:block;
}
.ui-corner-all,.ui-corner-all, .pagination li a, .pagination li, #tooltip, ul#dashboard-buttons li a, .fixed #sidebar,.ui-corner-left,.ui-corner-right{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
#uploadAdBtn .ui-widget-header ,#uploadAdBtn .fileupload-content,.uploadAdBtn .ui-widget-header ,.uploadAdBtn .fileupload-content,
.ui-fileupload .fileupload-content,.ui-fileupload .ui-widget-header{background: none;border:0;padding:0;margin: 3px;}
#uploadAdBtn .ui-button-text-icon-left .ui-button-text,.uploadAdBtn .ui-button-text-icon-left .ui-button-text{padding: .3em 1em .4em 1.3em}
#uploadAdBtn .fileupload-content,.uploadAdBtn .fileupload-content{ margin-top: -1px;
                                                                   padding: 0;
                                                                   position: absolute;
                                                                   right: 28px;
}
a.btn {
    padding: 0.4em 1em 0.4em 20px;
    position: relative;
}

h1.pageTitle{padding-top: 7px}

#page-wrapper .page-title {border:1px solid #ddd !important;padding:0}
#page-wrapper .page-title .page-title {border:0px solid #ddd !important; padding:2px 3px  !important}

.page-title .page-title{padding: 2px;}
#page-wrapper form li div.float-left {
    /*border-bottom: 1px dotted #F0F0F0;*/
    height: 45px;
    margin: 0;
    padding: 0 3px;

}

#page-wrapper form#adResponseUploadForm li div.float-left {
    /*border-bottom: 1px dotted #F0F0F0;*/
    height: 45px;
    margin: 0;
    padding: 0 3px;
    /*width: 205px; */
    /*width: 170px;*/
}
.ui-selectmanycheckbox label, .ui-selectoneradio label {
    display: block;
    margin-top: 0px;
    padding: 10px;
}
.ui-selectoneradio {margin:3px 0 0 0 }
#page-wrapper  .margin0{margin: 0}
.pageHeading,.ui-tabs-nav  {border-bottom:1px dotted #ccc ; padding:2px 5px;
/*              background:#e9f3ff url(images/page-heading-bg-1.png) repeat-x !important;*/
}

#bodyContent{background:#fff url(images/shadow.png) repeat-x !important;}
.ui-datatable .ui-dt-c input,.ui-datatable ui-autocomplete-input{border-top: 1px solid #7C7C7C;
                                                                 border-left: 1px solid #7C7C7C;
                                                                 border-right: 1px solid #C3C3C3;
                                                                 border-bottom: 1px solid #DDD;
                                                                 background-color:#fff !important}
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td{padding:5px 0}
.ui-datatable td div.tools{text-align: center;padding: 0 0 0 10px}
.ui-datatable td div.tools a {margin-right: 6px}

.ui-datatable .ui-column-filter {
    display: block;
    width: 100px;
    margin: 3px auto 0 auto;
}
.ui-datatable tbody tr{border-bottom: 1px solid #999}

.ui-datatable .ui-datatable-even {background: #fff}
.ui-datatable .ui-datatable-odd {background: #f2f3f8}
#header {
    background-color:#3E72AA;
    border-bottom: 0px solid #1D3A63;


}
#page-wrapper a.btn .ui-icon {
    background-image: url(images/ui-icons_white.png) !important;
}

.ui-widget-content .rbi-status .ui-icon-check , img.ui-icon-check{
    background-image: url(images/ui-icons_white.png) !important;
    padding:0px;
    background-color: green;
    border-radius: 3px;
    margin: 0 auto;
}

.ui-widget-content .rbi-status .ui-icon-close , img.ui-icon-close {
    background-image: url(images/ui-icons_white.png) !important;
    padding:0px;
    background-color: red;
    border-radius: 3px;
    margin: 0 auto;
}

.ui-widget-content .rbi-status .ui-icon-check:after{
    content:"active";
    color:green;
    border:1px solid green;
}

.ui-messages-error, .ui-message-error{
    border: 1px solid #E8AAAD;
    color: #B50007;
    background: #F9E5E6;
}
.ui-messages-error span, .ui-message-error span
{
    color: #B50007 !important; 
}

.ui-messages-info-summary, .ui-messages-warn-summary,
.ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary,
.ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary
{
    font-weight: normal;
    font-family:OpenSansSemibold;
    /*  font-size: 11px; */
}

.ui-overlay-visible{
    border:1px solid #017B42 ;
    border-top:3px solid #017B42 ;
}

/*UI fix*/
.ui-icon-cancel-white-icon  {     
    background-image: url("images/ui-icons_white.png") !important;
    padding:1px;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99999px;
    width: 16px;
    margin:0 auto;
}

