/********************************      Basic Structure      ********************************/

html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

body {
                font-family: Arial, Helvetica, sans-serif;
                color: #555;
                background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
                font-size: 12px;
				position:relative;
                }

#body-wrapper {
                background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
                }                

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				 /*   position: absolute; top: -1000px; Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
				}
				
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }

/************ Button ************/
.button, .ui-button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 12px !important;
                cursor: pointer;
				line-height:1.3em;
                text-align: center;
                }
.ui-button:hover{ border:1px solid #1E3F00 !important;}

.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Sidebar      ********************************/

#sidebar {
                background: url('../images/bg-sidebar.gif') top left no-repeat;
                width: 230px;
                height: 100%;
                position: fixed;
                left: 0;
                top: 0;
                color: #888;
                font-size: 11px;
                }

#sidebarToggle{ width:12px; height:100%; position:fixed; top:0px; left:231px; cursor:pointer; background:#ccc url(../images/menu-current-arrow.gif) center no-repeat; border-right:1px solid #999;}
#sidebarToggle:hover{ background-color:#bbb;}

#sidebar #sidebar-wrapper {
                margin: 0 0 0 9px;
                }

#sidebar a,
#sidebar a:active {
                color:#ccc;
                }

#sidebar a:hover {
                color:#fff;
                }

#sidebar #sidebar-title {
                margin: 20px 15px 20px;
				text-align:right;
				font-size:16pt;
                }

/*#sidebar #logo {
                margin: 40px 0 40px 0;
                }*/

#sidebar #profile-links {
                padding: 0 15px 20px 15px;
                text-align: right;
                line-height: 1.5em;
                }

/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
                width: 206px;
                padding: 0;
                margin: 0 0 0 15px;
                font-family: Helvetica, Arial, sans-serif;
                }

#sidebar #main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: right;
                }

#sidebar #main-nav li a.nav-top-item {
                background: transparent url('../images/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */
                padding: 10px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }

#sidebar #main-nav li a.current {
                background-image: url('../images/bg-menu-item-current.gif') !important;
                color: #333;
                font-weight: bold;
                }
                
#sidebar #main-nav li a.current:hover {
                color: #333;
                }

#sidebar #main-nav ul {
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: right;
				padding: 0;
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                font-size: 13px;
                line-height: 1.2em;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li a.current {
                background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
                }

#logo{width:229px;height:93px;background-image:url('../images/menu/logo.png');margin:-30px 0 0 0px;}

/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }
				
#messages fieldset {
                margin: 0;
                }
				
#messages textarea {
                margin: 0 0 15px 0;
                }
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
                margin: 0 30px 0 260px;
                padding: 40px 0 0 0;
                }

.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
               
#page-intro {
                font-size: 10pt;
                padding: 0 0 20px 0;
                }

				
#footer {
				border-top: 1px solid #ccc;
				margin: 40px 0 0 0;
				padding: 20px 0;
				font-size: 12px;
                }
/************ Lists ************/

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                background: url('../images/icons/bullet_black.png') center left no-repeat;
                padding: 4px 0 4px 20px;
                }

/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }
                
/************ Table ************/
.embedded-main-content table,
#main-content table {
                width: 100%;
                border-collapse: collapse;
                }

.embedded-main-content table thead th,
#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }

.embedded-main-content tbody,
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }

.embedded-main-content tbody tr,
#main-content tbody tr {
                background: #fff;
                }

.embedded-main-content tbody tr.alt-row,
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }

.embedded-main-content table td,
.embedded-main-content table th,
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
                }

.embedded-main-content table tfoot td .bulk-actions,
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }


/*************** Pagination ***************/

.embedded-main-content .pagination,
#main-content .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.page {
				border: 1px solid #ddd;
                }

.pagination a.active {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.active:hover {
				text-decoration: underline;
                }

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                background-position: center 15px;
                background-repeat: no-repeat;
                border: 1px solid #fff;
                display:block;
                padding: 78px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.new-article span {
                background-image: url('../images/icons/pencil_48.png');
                }
                
.new-page span {
                background-image: url('../images/icons/paper_content_pencil_48.png');
                }
                
.upload-image span {
                background-image: url('../images/icons/image_add_48.png');
                }
                
.add-event span {
                background-image: url('../images/icons/clock_48.png');
                }
                
.manage-comments span {
                background-image: url('../images/icons/comment_48.png');
                } 

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

/*************** Forms ***************/
form ul{ float:left;}
form ul li{ float:left; width:100%; margin-bottom:15px;}
form ul li small{ display:block; clear:left; margin-left:165px; color:#777; padding-top:3px; width:400px;}

form label {
                display: block;
                font-weight: bold;
				float:left;
				width:160px;
				line-height:25px;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
input.text-input,
form select,
textarea {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
				width:400px;
				float:left;
                font-family: Arial, Helvetica, sans-serif;
                }
            
input.small {
                width: 100px !important;
                }
                
input.medium {
                width: 250px !important;
                }
                
input.large {
                width: 600px !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
select {
				border: 1px solid #ccc;
                padding: 4px;
                background: #fff;
                }

optgroup{ font-style:normal; margin:5px 0; border-bottom:solid 1px #CCC;}

form input[type="checkbox"],
form input[type="radio"] {
    padding: 0;
    background: none;
    border: 0;
}
   
.rightsCheck {
    background-repeat: no-repeat;
    padding: 0 12px 2px 16px
}
.iconRead {
    background-image: url('../images/icons/list.png'); 
}
.iconUpdate {
    background-image: url('../images/icons/pencil.png'); 
}
.iconInsert {
    background-image: url('../images/icons/plus.png'); 
}
.iconDelete {
    background-image: url('../images/icons/cross.png'); 
}
input.dateISO { /* old */
    width:80px;
    padding-left:25px;
    background:url(/images/icons/calendar.png) no-repeat 5px center #FFF !important;
}
input.dateInput {
    width: 120px;
    padding-left:25px;
    background:url(/images/icons/calendar.png) no-repeat 5px center #FFF !important;
}

form .info-label {
    width: 250px;
}

form .info-value {
    line-height: 25px;
}

#appraisal-form div.invalid {
    float: none;
    margin: 5px 0 0 160px;

}

/************* Special forms ****************/
#appraisal-form div.invalid {
    float: none;
    margin: 5px 0 0 160px;
    max-width: 272px;
}

#appraisal-form input.text-input, form select, textarea {
    float: none;
    width: 300px;
}

#appraisal-form textarea,
#akadalykozles-form textarea,
#appraisal_obstacle-form textarea,
#appraisal_comment-form textarea,
#appraisal_commitment-form textarea,
#appraisal_sms-form textarea {
    height: 100px;
}

#appraisal-form ul {
    width: 500px;
}

#appraisal-form input.dateInput {
    width: 120px;
}

#appraisal-form .button {
    margin: 0!important;
}
.inside-table {
    margin:0!important;
    padding:0!important;
}
/*#appraisal-form #akadalykozles-content {*/
    /*margin:0;*/
    /*padding:0;*/
/*}*/

#appraisal-form ul.full-width {
    width: 100%;
}

.completer{width:410px; display:none; max-height:200px; overflow:auto; background:#f1f1f1; border:1px solid #ccc; position:absolute; top:30px; left:160px; -moz-box-shadow:0px 2px 5px #666;}
.completer span{ display:block; padding:5px; border-bottom:1px solid #ccc;}
.completer span:hover{ background:#ccc; cursor:pointer;}
.completerContainer{position:relative;}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

div.invalid {
                background: #fffbcc url(../images/icons/cross_circle.png) 3px 6px no-repeat;
                border: #df8f8f 1px solid;
                color: #665252;
				padding: 2px 10px 2px 30px;
				margin: 0 0 0 5px;
				float:left;
				line-height:23px;
				-moz-border-radius: 5px;
                -webkit-border-radius: 5px;
				border-radius: 5px;
				max-width: 215px;
				}
input.invalid, textarea.invalid, select.invalid{ border: #df8f8f 1px solid !important;}
#order-form div.invalid {
    max-width: 300px;
}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

.button,
select,
.pagination a.page,
input.text-input,
textarea{
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}
input.search-input {
    width:200px;
    margin-right:10px;
}
.searchField {
    font-weight: bold;
    float:left;
    line-height:30px;
    margin-right:5px;
}
.dateFilter {
    float:left;
    margin-right:30px;
}
.dateFilterField {
    font-weight: bold;
    float:left;
    line-height:30px;
    margin-right:5px;
}
.date-input {
    margin-right:5px;
}
			
.content-box,
.content-box-header,
ul.content-box-tabs li a.current,
.shortcut-button,
.notification {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }

.content-box-header {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				
.content-box-header-toggled {
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
                }

ul.content-box-tabs li a.current {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				

.shortcut-button span {
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
				border-radius: 7px;
                }
				
.tab-content table a img{ margin:0 3px;}

#dialog-form .button{  margin:20px 0;}

#overlay{ position:fixed; top:0; left:0; background:#000; height:100%; width:100%; opacity:0.3; filter:Alpha(Opacity=30);}
#loading{ width:300px; position:fixed; top:0; left:50%; margin-left:-150px; background:#79B900; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333; box-shadow: 0px 0px 10px #333; text-align:center; padding:20px 0;}
.drag{ cursor:n-resize;}

#actions{ margin-bottom:30px;}

.mailText{ background:white; padding:10px; border:#CCCCCC 1px solid; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; margin-bottom:3px;}
.mailText .head{ border-bottom:1px solid #CCC; padding:3px 0;}
.mailText .head b{ }
.mailText .head span{ float:right; font-size:8pt; font-style:oblique;}

ul.checkboxGroup{ height:200px; overflow:auto; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background: url("../images/bg-form-field.gif") repeat-x scroll left top #FFFFFF; border: 1px solid #D5D5D5;    color: #333333; padding:6px; width:400px; float:left;}
ul.checkboxGroup input{ margin-right:3px;}
ul.checkboxGroup ul{ float:none;}
ul.checkboxGroup li{ margin-bottom:5px; float:none; width:auto;}
ul.checkboxGroup li.checked{ background:#E5E5E5;}
ul.checkboxGroup li.parent li{ padding-left:15px;}
ul.checkboxGroup span{ cursor:default;}
ul.checkboxGroup b{ border-bottom:1px solid; margin-bottom:3px; display:block; padding-bottom:2px;}

.description_hover{width:200px;overflow:hidden;height:30px;cursor:pointer;}
.description_hover:hover{height:auto;}

.login-error {
    width: 86%;
    margin: 0 !important;
}

/********************************      Class      ********************************/
.center {text-align:center;}

.moduleMainCategory, .orderItemNotEditable {color:#ff0000;font-style:italic;font-size:10px;}

/* order_form, order_item_form */
.priceAndCurrency{top:5px;position:relative;}
.notModifiableData {top:5px;position:relative;font-weight:bold;}

.categorySeparator {
    background: #004a95 url('../images/bg-button-blue.gif') top left repeat-x !important;
    border-color: #004994 !important;
    color: #ffffff;
    text-transform: uppercase;
}

/* Entity count display */
.entity-count {
    padding-left: 10px;
}

.entity-small-loader {
    width:12px;
}

#entityCount {
    display: none;
}

.header-icon {
    width: 14px;
}

.header-icon-history {
    width: 20px;
}

.row-icon {
    width: 22px;
}

input:disabled,
textarea:disabled,
select:disabled{
    color: #808080;
}

table.checkbox-list td {
    height: 70px;
    vertical-align: top;
}

table.checkbox-list td.title {
    width: 300px;
    padding-right: 30px;
}

table.checkbox-list td.checkbox {

}

#actions .button-wrapper {
    margin-bottom: 30px;
}

#actions .filter-separator {
    margin-top:30px;
}

#actions .field-select {
    float:left;
    margin-right:5px;
}

.getPrice {
    width: 200px;
}

.action_content_3_icons {
    width: 150px;
}

.action_content_4_icons {
    width: 200px;
}

.message-board {
    width: 95%;
    border-radius: .5em;
    padding: 7px 5px 0px 5px;
    margin: 0px auto 20px auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078cc), to(#004a95));
    background: -moz-linear-gradient(top, #0078cc, #004a95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0078cc endColorstr=#004a95);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF79B900 endColorstr=#FF378500)";
    line-height: 30px;
}

.message-board h2 {
    color: #FFF;
    line-height: 26px;
}

#appraisal-form #tab11 ul {
    width: 650px;
}
#appraisal-form #tab11 label {
    display: block;
    font-weight: bold;
    float: left;
    width: 270px !important;
    line-height: 25px;
}
#appraisal-form #tab11 ul li {
    float:left; width:100%; margin-bottom:15px;
    height: 110px;
}
#appraisal-form #tab11 ul li.height-auto {
    float:left; width:100%; margin-bottom:15px;
    height: auto;
}
li.height-auto {
    height: auto;
}
#appraisal-form #tab11 ul li.height-include-checkbox {
    float:left; width:100%; margin-bottom:15px;
    height: 65px;
}
li.height-include-checkbox {
    height: 65px;
}
#appraisal-form #tab12 ul {
    width: 650px;
}
#appraisal-form #tab12 label {
    display: block;
    font-weight: bold;
    float: left;
    width: 250px !important;
    line-height: 25px;
}
#appraisal-form #tab12 ul li {
    float:left; width:100%; margin-bottom:15px;
    height: 110px;
}
/** appraisal status action form */
/*#appraisalStatusActionForm ul {*/
    /*width: 800px;*/
/*}*/
/*#appraisalStatusActionForm label {*/
    /*display: block;*/
    /*font-weight: bold;*/
    /*float: left;*/
    /*width: 250px !important;*/
    /*line-height: 25px;*/
/*}*/
/*#appraisalStatusActionForm ul li {*/
    /*float:left; width:100%; margin-bottom:15px;*/
    /*height: 110px;*/
/*}*/
/*#appraisalStatusActionForm textarea {*/
    /*float: none;*/
    /*width: 300px;*/
    /*height: 100px;*/
/*}*/

.description_hover{width:200px;overflow:hidden;height:30px;cursor:pointer;}
.description_hover:hover{height:auto;}

.fileWindow p{
    font-weight: bold;
    font-size: 18px;
}

.fileWindow{
    font-size: 15px;
}

.fileList {
    width: 100% !important;

}
.fileWindow ul{
    padding-left: 10px;
}

.mainFiles {
    padding-left: 20px;
    padding-top: 20px;
}

.dir:before {
    background-image: url(../images/icons/file_list/folder.png);
    background-size: 30px 30px;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    content: "";    
}

.php-file-tree {
	font-family: Georgia;
	font-size: 12px;
	letter-spacing: 1px;	line-height: 1.5;
}

#appraisal-form .fileList ul {
    width: 100%;
}

#appraisal-form .fileList ul li{
    margin-left: 10px;
}

	.php-file-tree A {
		color: #000000;
		text-decoration: none;
	}
	
	.php-file-tree A:hover {
		color: #666666;
	}

	.php-file-tree .open {
		font-style: italic;
	}
	
	.php-file-tree .closed {
		font-style: normal;
	}
	
	.php-file-tree .pft-directory {
		list-style-image: url(../images/icons/file_list/directory.png);
	}
	
	/* Default file */
	.php-file-tree LI.pft-file { list-style-image: url(../images/icons/file_list/file.png); }
	/* Additional file types */
	.php-file-tree LI.ext-3gp { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-afp { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-afpa { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-asp { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-aspx { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-avi { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-bat { list-style-image: url(../images/icons/file_list/application.png); }
	.php-file-tree LI.ext-bmp { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-c { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-cfm { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-cgi { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-com { list-style-image: url(../images/icons/file_list/application.png); }
	.php-file-tree LI.ext-cpp { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-css { list-style-image: url(../images/icons/file_list/css.png); }
	.php-file-tree LI.ext-doc { list-style-image: url(../images/icons/file_list/doc.png); }
	.php-file-tree LI.ext-exe { list-style-image: url(../images/icons/file_list/application.png); }
	.php-file-tree LI.ext-gif { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-fla { list-style-image: url(../images/icons/file_list/flash.png); }
	.php-file-tree LI.ext-h { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-htm { list-style-image: url(../images/icons/file_list/html.png); }
	.php-file-tree LI.ext-html { list-style-image: url(../images/icons/file_list/html.png); }
	.php-file-tree LI.ext-jar { list-style-image: url(../images/icons/file_list/java.png); }
	.php-file-tree LI.ext-jpg { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-jpeg { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-js { list-style-image: url(../images/icons/file_list/script.png); }
	.php-file-tree LI.ext-lasso { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-log { list-style-image: url(../images/icons/file_list/txt.png); }
	.php-file-tree LI.ext-m4p { list-style-image: url(../images/icons/file_list/music.png); }
	.php-file-tree LI.ext-mov { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-mp3 { list-style-image: url(../images/icons/file_list/music.png); }
	.php-file-tree LI.ext-mp4 { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-mpg { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-mpeg { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-ogg { list-style-image: url(../images/icons/file_list/music.png); }
	.php-file-tree LI.ext-pcx { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-pdf { list-style-image: url(../images/icons/file_list/pdf.png); }
	.php-file-tree LI.ext-php { list-style-image: url(../images/icons/file_list/php.png); }
	.php-file-tree LI.ext-png { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-ppt { list-style-image: url(../images/icons/file_list/ppt.png); }
	.php-file-tree LI.ext-psd { list-style-image: url(../images/icons/file_list/psd.png); }
	.php-file-tree LI.ext-pl { list-style-image: url(../images/icons/file_list/script.png); }
	.php-file-tree LI.ext-py { list-style-image: url(../images/icons/file_list/script.png); }
	.php-file-tree LI.ext-rb { list-style-image: url(../images/icons/file_list/ruby.png); }
	.php-file-tree LI.ext-rbx { list-style-image: url(../images/icons/file_list/ruby.png); }
	.php-file-tree LI.ext-rhtml { list-style-image: url(../images/icons/file_list/ruby.png); }
	.php-file-tree LI.ext-rpm { list-style-image: url(../images/icons/file_list/linux.png); }
	.php-file-tree LI.ext-ruby { list-style-image: url(../images/icons/file_list/ruby.png); }
	.php-file-tree LI.ext-sql { list-style-image: url(../images/icons/file_list/db.png); }
	.php-file-tree LI.ext-swf { list-style-image: url(../images/icons/file_list/flash.png); }
	.php-file-tree LI.ext-tif { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-tiff { list-style-image: url(../images/icons/file_list/picture.png); }
	.php-file-tree LI.ext-txt { list-style-image: url(../images/icons/file_list/txt.png); }
	.php-file-tree LI.ext-vb { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-wav { list-style-image: url(../images/icons/file_list/music.png); }
	.php-file-tree LI.ext-wmv { list-style-image: url(../images/icons/file_list/film.png); }
	.php-file-tree LI.ext-xls { list-style-image: url(../images/icons/file_list/xls.png); }
	.php-file-tree LI.ext-xml { list-style-image: url(../images/icons/file_list/code.png); }
	.php-file-tree LI.ext-zip { list-style-image: url(../images/icons/file_list/zip.png); }   
    
    .loader{
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        background-color:GRAY;
        opacity:.7;
        margin-top:0;
        z-index:20000;
    }
    .spinnerNum{
        margin:50%;
        margin-top:20%;
        padding-top:45px;
        padding-left:40px;
        position:absolute;
        z-index:20001;
        font-size:20px;
        font-weight:700;
        color:#f3f3f3;
    }
    .spinner{
        border:16px solid #f3f3f3;
        border-top:16px solid #3498db;
        border-radius:50%;
        width:120px;
        height:120px;
        margin:50%;
        margin-top:20%;
        -webkit-animation:spin 2s linear infinite;
        animation:spin 2s linear infinite;
    }
    
    @media (max-width:767px){
        .spinnerNum{margin-left:35%}
        .spinner{margin-left:35%}
    }
    @-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
        @keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}    

        
table.checkbox-list td.title {
    width: 650px;
}

table.checkbox-list td {
    height: 30px;
    vertical-align: inherit;
}


.done_background {
    background: #a3d4a9 !important;
}

#appraisal-form input:disabled,
#appraisal-form textarea:disabled,
#appraisal-form select:disabled{
    background: #e5e5e5 !important;
}