/*** 1.0 Login, Forgotten Password and Registration Form Styles  ****/
/*** 1.1 Login Form Styles  *****************************************/
/*** 1.2 Registration Form Styles  **********************************/
/*** 1.3 Forgotten Password Form Styles  ****************************/
/*** 1.4 Change Password Form Styles  *******************************/
/*** 1.5 Language Selection Sytles  *********************************/
/*** 2.0 Master Page Styles  ****************************************/
/*** 3.0 Editor Forms Sytles  ***************************************/
/*** 3.1 Forms Layout  **********************************************/
/*** 3.2 Forms Labels  **********************************************/
/*** 3.3 Forms Editors  (TextBoxes, DropDownLists, ...) *************/
/*** 3.4 Button and Message Line  ***********************************/
/*** 3.5 Message Box Styles (ok and error)  *************************/
/*** 4.0 Grid View Sytles  ******************************************/
/*** 5.0 Application List Styles  ***********************************/
/*** 6.0 Other Styles  **********************************************/



/*** 1.0 Login, Forgotten Password and Registration Form Styles  ****/
/*** 1.1 Login Form Styles  *****************************************/
#login-form
{
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
#login-form-lang
{
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    clear: both;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
}
.login-footer
{
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    margin-top: 10px;
    width: 400px;
}
.login-logo
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	width: 100px;
	height: 50px;
	background-image: url(../styles/images/GDi_Logo_Login.png);
    background-repeat: no-repeat;
}


/*** 1.2 Registration Form Styles  **********************************/
#registration-form
{
    margin-left: auto;
    margin-right: auto;
    width: 580px;    
    padding: 0 0 0 0;
}
#registration-form-lang
{
    margin-left: auto;
    margin-right: auto;    
    clear: both;
    margin-top: 10px;
    padding: 0px 0px 0px 0px; 
    margin-bottom: 0px; 
    width: 580px;
}

/*** 1.3 Forgotten Password Form Styles  ****************************/
#forgotten-password
{
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}
#forgotten-form-lang
{
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    clear: both;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
}

/*** 1.4 Change Password Form Styles  *******************************/
#change-password
{
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}
#user-form
{
    width: 500px;
}
#change-password-form-lang
{
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    clear: both;
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
}

/*** 1.5 Language Selection Sytles  *********************************/
.lang-line
{
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
}
.lang-line img
{
    border: none;
    padding: 0px 0px 0px 0px;
    float: right;
    margin-left: 5px;
}

/*** 2.0 Master Page Styles  ****************************************/

#left-menu {
    background-color: #eeeeee;
    float:left;
    display:block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 250px;
    height: 100%;
    border-right: 1px inset gray;
}
#left-menu ul
{
}
#left-menu ul li /*** menu links ***/
{
    list-style-type: none;
    width: 100%;
    text-align: left; 
    font-family: Arial;
    font-size: 12px;
    color: #24325C;
    background-image: url(images/button.png);
    background-repeat: repeat-x;
    height: 31px;
    line-height: 31px;
}

/*** menu links ***/
#left-menu ul li a {
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    padding-top: 7px;
    background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    background-position: 8px 9px;
/*    color: #CF9D3E; */
}

#left-menu ul li a:hover {
}

.left-pane-style /*** menu panel ***/
{
    background-color: #eeeeee;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}


/*** 3.0 Editor Forms Sytles  ***************************************/
/*** 3.1 Forms Layout  **********************************************/
.simple-form /*** all forms for authenticated user ***/
{
    border: solid 1px #ccc;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    background-color: #ffffff;
    clear: both;
}
.simple-form-out /*** login, forgotten password, change password ***/
{
    border: solid 8px #dfe3eb;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    clear: both;
}
.simple-form-reg /*** registration form ***/
{
    border: solid 8px #dfe3eb;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #ffffff;
    clear: both;
}
.title-line /*** login, registration, forgotten password form title ***/
{
    width: auto;
    clear: both;
    border-bottom: solid 1px #dfe3eb;
    border-bottom: solid 1px #ccc;
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 2px;
    padding-top: 2px;
    background-image: url('images/lock.png');
    background-position: right top;
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
}
.page-title /*** form and page title ****/
{
    width: auto;
    clear: both;
    border-bottom: solid 1px #dfe3eb;
    border-bottom: solid 1px #ccc;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 0px;
    background-image: url('images/lock1.png');
    background-position: right top;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.input-box
{
    width: auto;
    background-color: #ffffff;
    clear: both;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 5px;
}

/*** 3.2 Forms Labels  **********************************************/
.input-box .label-ctrl /*** div for labels ****/
{
    float: left;
    clear: none;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-family: Calibri;
    width: 130px;
}
.input-box .label-ctrl-nl /*** div for labels in new line ****/
{
    float: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-family: Calibri;
    width: 130px;    
}
.input-box .label-margin /*** margin 30px  for labels ****/
{
    margin-left: 30px;
}
.input-box .label-small /*** size for label ****/
{
    width: 130px;
}
.input-box .label-medium /*** size for label ****/
{
    width: 130px;
}
.input-box .label-large /*** size for label ****/
{
    width: 200px;
}
.input-box .label-xlarge /*** size for label ****/
{
    width: 320px;
}
.input-box .label-xxlarge /*** size for label ****/
{
    width: 480px;
}
.input-box .label-ctrl span, .input-box .label-ctrl-nl span, .message-line span
{
    color: #cf0000;
    font-size: 14px;
}
.message-line span /*** div for messages ****/
{
    color: #cf0000;
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
}

/*** 3.3 Forms Editors  (TextBoxes, DropDownLists, ...) *************/
.input-box .textbox-ctrl /*** div for textboexs, dropdwonlists  and other controls ***/
{
    float: none;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
}
.input-box .textbox-small input /*** size of textbox div ****/
{
    width: 120px;
    background-color: #fafafa;
    padding: 2px; 
}
.input-box .textbox-medium input /*** size of textbox div ****/
{
    width: 200px;
    background-color: #fafafa;
    padding: 2px; 
}
.input-box .textbox-large input /*** size of textbox div ****/
{
    width: 340px;
    background-color: #fafafa;
    padding: 2px; 
}
.input-box .textbox-xlarge input /*** size of textbox div ****/
{
    width: 580px;
    background-color: #fafafa;
    padding: 2px; 
}
.input-box .textbox-ctrl table 
{
}

/*** 3.4 Button and Message Line  ***********************************/
.button-line /*** buttons on the bottom of the form ****/
{
    width: auto;
    background-color: #e9ecf3;
    background-color: #eee;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 24px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.button-line-out /*** buttons on the bottom of the form (login,registration) ****/
{
    width: auto;
    background-color: #e9ecf3;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 24px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    
}
.button-line table
{
    float: right;
    clear: none;
    margin-left: 5px;
}
.button-line-small
{
    width: auto;    
    height: 24px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}
.button-line-small table
{
    float: left;
    clear: none;
    margin-right: 5px;
}
.message-line
{
    clear: both;
    font-family: Arial;
    font-size: 11px;
    font-style: italic;
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.message-line label {
    clear: both;
    font-family: Arial !important;
    font-size: 11px !important;
    color: inherit !important;
    font-style: italic;
    width: auto;
}

/*** 3.5 Message Box Styles (ok and error)  *************************/
.errorWrapper
{
    display: block;
    padding: 0;
    margin: 0;
}
.errorSummary, .messageSummary
{
    margin: 10px 10px 15px 10px;
    padding: 10px;
    font-size: 1.2em;
    color: #8A1F11;
    background: #FBE3E4 url(images/error.png) no-repeat 4px 4px;
    background: #FBE3E4 url(images/error.png) no-repeat 8px 8px;
    border: 1px solid #FAA9AB;
}
.messageSummaryOut
{
    margin-left: 15px;
    margin-right: 15px;
}
.messageSummary.ok
{
    color: #006633 !important;
    background: #D7F7C4 url(images/accept.png) no-repeat 4px 4px;
    background: #D7F7C4 url(images/accept.png) no-repeat 8px 8px;
    border: 1px solid #82CB2F;
}
.errorSummary ul, .messageSummary ul
{
    margin: 0 0 0 28px;
    padding: 0;
}
.errorSummary li, .messageSummary li
{
    list-style-type: none;
}

/*** 4.0 Grid View Sytles  ******************************************/
.add-new-link
{
    background-image: url('images/add.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/*** 5.0 Application List Styles  ***********************************/
.app-list /*** size of list ***/
{
    margin: 0;
    padding: 0;
    width: 1000px;
}
.app-list li
{
    padding: 0px;
    display: inline;
    clear: none;
    float: left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
}
/*.appl-item-cont-on
{
    opacity: 1.0;
    filter: alpha(opacity = 100);
    -moz-opacity: 1.0;
	width: 260px;
}
.appl-item-cont-off
{
    opacity: 0.2;
    filter: alpha(opacity = 20);
    -moz-opacity: 0.2;
	width: 260px;
} */
.appl-item on, .appl-item off
{
    border: solid 1px #dddddd;
    background-image: url(images/box_bg.png);
    background-repeat: repeat-y;
	width: 260px;
	height: 100%;
}
.appl-item off
{
    opacity: 0.2;
    filter: alpha(opacity = 20);
    -moz-opacity: 0.2;
}
.appl-item .appl-image
{
    float: left;
    width: 60px;
    height: 60px;
    clear: right;
    margin-top: 8px;
    margin-right: 0px;
    margin-left: 8px;
    border: 1px solid #eee;
}
.appl-item .appl-body
{
    float: left;
    clear: none;
    width: 165px;
    height: 70px;
    margin-top: 5px;
    margin-left: 10px;
    overflow: hidden;
}
.appl-item h3
{
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-image: url(images/GDi_box_header.png);
    background-repeat: repeat-x;
    padding: 6px 8px 6px 8px;
}
.appl-item h3 a
{
    font-size: 13px;
    font-family: Tahoma, Arial;
    color: #fff;
    text-decoration: none;
}
.appl-item .appl-body p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 11px;
    color: #888;
    color: #636363;
}
.appl-item .appl-links
{
    width: 100%;
    padding: 8px 5px 8px 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px 0px 0px 0px;
    margin-top: 10px;
    margin-top: 0px;
    margin-left: 0px;
    height: 20px;
}
.appl-item .appl-links ul
{
    float: left;
    margin-right: 5px;
    margin-left: 0px;
    list-style-type: none;
    display: inline;
    clear: both;
    margin-left: 10px;
}
.appl-item .appl-links ul li
{
    clear: none;
    list-style-type: none;
    margin-left: 0px;
    margin-right: 18px;
    background-position: left center;
    padding-left: 16px;
    padding: 0px 0px 0px 0px;
}
.app-run /*** run application button ***/
{
    background-image: url(images/run.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 13px;
    color: #28446e;
    color: #636363;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}
.app-info /*** more info about  application button ***/
{
    background-image: url(images/info.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 16px;
    color: #28446e;
    color: #636363;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}

/*** 6.0 Other Styles  **********************************************/
#rolesTable
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#rolesTable .rolesCell
{
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.hide 
{
    display:none;
}
.clean
{
    clear: both;
}
.log-filter-box /*** logs page (admin application) filter box ***/
{
    width: 440px; 
    background-color: #eee; 
    margin-bottom: 10px; 
    padding: 5px;
}
.log-filter-box .date-boxes /*** styles for input dates ***/
{
    float: left;
    clear: none;
    margin-right: 10px;
}