/************************************
 *** 0. GLOBAL AND LAYOUT CLASSES ***
 *** 1. ISSUE MODULE ****************
 *** 2. AUTH MODULE *****************
 *** 3. USER MODULE *****************
 *** 4. ERROR ***********************/

/************************************
 *** 0. GLOBAL AND LAYOUT CLASSES ***
 ************************************/

body {background: #FFFFFF url(../images/bodybg.png) repeat-x; font-size: 12px; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0;}
h1 {font-size: 15pt; padding: 5px 0px 5px 0px; }
h2 {font-size: 13pt; padding: 5px 0px 5px 0px; }
h3 {font-size: 11pt; padding: 5px 0px 5px 0px; }

a { text-decoration: underline; color: #66645F; }
a:hover { text-decoration: underline; color: #444444; }
a.icon, .icon { padding: 0px 0px 0px 20px; }
a.message { background: url(../images/icons/email.png) no-repeat 0px 1px; }
a.delete { background: url(../images/icons/vcard_delete.png) no-repeat 0px -1px; }
a.edit { background: url(../images/icons/vcard_edit.png) no-repeat 0px -1px; }
.deleteIcon { background: url(../images/icons/delete.png) no-repeat 0px -1px; }
.editIcon { background: url(../images/icons/page_edit.png) no-repeat 0px -1px; }
.simLink { text-decoration: underline; cursor: pointer; color: #66645F; }
.simLink:hover { color: #444444; }
.hidden { display: none; }

.inter { width: 100%; height: 1px; font-size: 3px; background: #CFCFCF; border-bottom: 1px solid #FFFFFF; }
.alert { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #B1B7DE; padding: 10px; overflow: hidden; background: #E0E4EF; color: #565C85; }
.alert2 { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #DD0000; padding: 10px; overflow: hidden; background: #FFCFCF; color: #DD0000; }
.legend { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #C0C0C0; padding: 10px; overflow: hidden; background: #E0E4EF; color: #444444; margin: 5px 0px 5px 0px; }
.legendLabel { padding: 0px 0px 0px 20px; margin: 5px; font-size: 10px; }
.decision { width: 150px; text-align: center; font-weight: bold; margin: 10px 10px 10px 0px; float: left; background: #565C85; border-width: 1px 1px 1px 1px; border-style: solid; border-top-color: #F5EFE4; border-left-color: #F5EFE4; border-right-color: #918A7A; border-bottom-color: #918A7A; }
.decision a { color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 10px; display: block; }
.decision a:hover { background: #359F13; }
.alertmsg { float: left; width: 40%; }

.relative { position: relative; }

.btn { border-style: solid; border-width: 1px; border-color: #003366; float: left; line-height: 19px; color: #FFFFFF; margin: 5px; font-weight: bold; cursor: pointer; font-size: 9pt; }
.btn a, .btn span { text-decoration: none; color: #FFFFFF; display: block; height: 100%; padding: 0px 7px 0px 7px; }
.btnOuter { background: url(../images/btnBg.png) repeat-x 0px 0px; padding: 1px; height: 20px; }
.btnInner { background: url(../images/btnBg.png) repeat-x 0px -23px; padding: 0px 0px 0px 0px; }

.btn:hover a { display: block; height: 100%; }
.btn:hover { border-color: #338f16;  }
.btn:hover .btnOuter { background-position: 0px -44px; }
.btn:hover .btnInner { background-position: 0px -67px; }

#addStrip { text-align: right; padding: 5px; float: right; }
#addStrip a { color: #FFFFFF; }
.relative { position: relative; }
#wrapper { width:1000px; background: #FFFFFF; margin: auto; border-left: 1px solid #B1B7DE; border-right: 1px solid #B1B7DE; border-bottom: 1px solid #B1B7DE; border-top: 0; }
#header { background: #3F477F url(../images/headerbg.png) repeat-x; overflow: hidden;}
#headerInner { width: 1000px; padding: 10px 0px 10px 0px; margin: auto; overflow: hidden; }
#headerInner h1 { float: left; }
#footer { padding: 10px 10px 10px 40px; background: #F2F2F2; border-top: 1px solid #CFCFCF; }
#inner {padding: 10px; overflow: hidden; }

#headerA { color: #F2F2F2; text-decoration: none; text-transform: uppercase; font-weight: normal; }

.navigation { overflow: hidden; padding: 10px 0px 0px 20px; line-height: 20px; background: #EAEAEA; }
.navigation a, .navigation span { padding: 3px 10px 3px 10px; float: left; text-decoration: none; }
.navigation > li { float: left; font-weight: bold; padding: 5px 5px 0px 5px;}
.navigation li a { color: #000000; }
.navigation li ul { float: right; }
.navigation li ul li { float: left; font-weight: normal; color: #800080; background: #EFEFEF; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #C0C0C0; margin: 0px 2px 0px 2px; }
.navigation li ul li a { color: #66645F; }
.navigation li ul li.active { background: #FFFFFF; }
.navigation li ul li.active a { color: #565C85; }

.strip { padding: 20px 40px 20px 40px; background: #EEEEEE; }
.content { padding: 20px 40px 20px 40px; }

#usersList td { padding: 5px; border: 1px solid #C0C0C0; }
#usersList th { padding: 5px; background: #DEDEDE; }

.clear { clear: both; }

.gb { background: #EEE7DC url(../images/gbbackground.jpg); }
#vegas { width: 1000px; margin: auto; margin-top: 100px; }
#topB { height: 124px; background: url(../images/b1.jpg) no-repeat center bottom; }
#midB { height: 151px; background: url(../images/b2.jpg) no-repeat center center; }
#botB { height: 116px; background: url(../images/b3.jpg) no-repeat center top; }

/***********************
 *** 1. ISSUE MODULE ***
 ***********************/

label { font-weight: bold; cursor: pointer; }
#assigned-element label { font-weight: normal; }
#title { width: 960px; }
#content-label, #solution-label { width: 960px; }
#solution-label { padding: 10px 0px 0px 0px; }
#content { width: 960px; height: 150px; }
#solution { width: 960px; height: 150px; }
#assigned-label { width: 960px; }
#assigned-element { width: 960px; overflow: hidden; zoom: 1;}
#assigned-element label { width: 230px; float: left; } 
#deadline-label { clear: both; }
#deadline { width: 100px; }
#progress-element { overflow: hidden; }
#progress-element label { font-weight: normal; float: left; padding: 4px; }

.paginationContainer { overflow: hidden; margin: 10px; }
.pageControls { width: 80%; float: left; }
.pageNumber, .prevPage, .nextPage, .firstPage, .lastPage { float: left; padding: 5px; }

.issuesListTab { margin: auto; width: 100%; margin-bottom: 5px; margin-top: 5px; }
.issuesListTab th { background: #E9E9E9 url(../images/tabbg.png) repeat-x; border: 1px solid #C0C0C0; padding: 10px; text-align: left; }
.issuesListTab td { border: 1px solid #C0C0C0; padding: 10px; }
.issuesListTab .odd td { background: #F2F2F2;}
.issuesListTab td.over { background: #DFE4FF; }
.issuesListTab.notPublished td { background: #FEFF9F; }
.issuesListTab.archived td { background: #FFE4CF; }
.issuesListTab.notPublished td { background: #FEFF9F; }
.issueCreatorContainer { width: 180px; }
#issueContentContainer, #issueSolutionContainer { line-height: 150%; }

.issueId { font-size: 15px; font-weight: bold; padding: 0px 0px 0px 20px; }
.priority0 { background: url(../images/icons/flag_red.png) no-repeat; }
.priority3 { background: url(../images/icons/flag_blue.png) no-repeat; }
.priority1 { background: url(../images/icons/flag_orange.png) no-repeat; }
.priority2 { background: url(../images/icons/flag_green.png) no-repeat; }

.attachmentsList { overflow: hidden; zoom: 1; padding: 10px 0px 0px 20px; list-style-type: disc; clear: both; line-height: 150%; }
.attachmentsList li { padding: 5px; }

.singleCommentBox { float: none; clear: both; padding: 5px; line-height: 150%; }
.commentContent { background: #DDDDDD url(../images/commentBg.png) no-repeat left top; padding: 20px 10px 10px 10px;}

#confirmation { position: absolute; width: 960px; text-align: center; top: 50%; font-weight: bold; display: none; }

#orderBar { overflow: hidden; zoom: 1; }
#orderBar label { float: left; padding: 0px 5px 0px 0px; line-height: 19px; margin: 5px 2px 5px 2px; }
#itemsPerPage, #sortby { float: left; margin: 5px 2px 5px 2px; padding: 2px; border: 1px solid #C0C0C0; }
#goSubmit, #sortSubmit { border: 0px; background: transparent; height: 19px; color: #FFFFFF; font-weight: bold; line-height: 19px; cursor: pointer; }



/**********************
 *** 2. AUTH MODULE ***
 **********************/
#userListTab { margin: auto; width: 100%; }
#userListTab th { background: #DDDDDD url(../images/tabbg.png) repeat-x; border: 1px solid #C0C0C0; padding: 10px; text-align: left; }
#userListTab td { border: 1px solid #C0C0C0; padding: 10px; }
#userListTab .odd td { background: #F2F2F2;}
#userListTab td.over { background: #DFE4FF; }
#username { border: 1px solid #C0C0C0; padding: 2px; }
#password { border: 1px solid #C0C0C0; padding: 2px; }
label { padding: 5px 0px 5px 0px; display: block; }
.errors li { padding: 5px 0px 5px 0px; color: #CC0000; }
.warning { border: 1px solid #CC0000; }

.forgottenPassword { padding: 10px 0px 0px 0px; }
.forgottenPassword a { font-size: 11px; }

/**********************
 *** 3. USER MODULE ***
 **********************/
.scheduleListTab { margin: auto; width: 100%; margin-bottom: 5px; margin-top: 5px; }
.scheduleListTab th { background: #E9E9E9 url(../images/tabbg.png) repeat-x; border: 1px solid #C0C0C0; padding: 3px; text-align: left; vertical-align: middle; text-align: center; }
.scheduleListTab td { border: 1px solid #C0C0C0; padding: 10px; vertical-align: middle; }
.scheduleListTab td.hoursContainer { width: 80px; background: #FFE4CF; cursor: pointer; padding: 0px; }
.scheduleListTab td.hoursContainer.sat, .scheduleListTab td.hoursContainer.sun { background: #BBFFAF;}
.scheduleListTab td.hoursContainer.free { background:  #84FF6F; }
.scheduleListTab td.hoursContainer:hover { background: #FFCA9F; }
.scheduleListTab .odd td { background: #F2F2F2;}
.scheduleListTab td.over { background: #DFE4FF; }
#scheduleContainer { position: relative; }
#worksTab { font-size: 11pt; font-weight: bold; line-height: 150%; }
.hoursWindow { height: 150px; width: 350px; position: fixed; z-index: 100; top: 200px; left: 45%; overflow: hidden;  }
.closeWindow { cursor: pointer; width: 16px; height: 16px; background: url(../images/icons/cross.png) no-repeat; float: right; }
.hoursWindowContent { clear: both; } 
.scheduleListTab td.btnContainer { vertical-align: middle; background: #FFAF6F; }
.dateContainer { height: 30px; width: 100px; text-align: center; padding: 10px; }
.setDateContainer { width: 120px; height: 20px; background: #FFAF6F;}
/*********************
 *** ERROR HANDLER ***
 *********************/
#errorContainer { width: 980px; overflow: hidden; }