@import url("fm3_datagrid.css");
@import url("subtabs.css");
@import url("maintabs.css");
@import url("Controls/ExpandingTextBox.css");
@import url("Controls/ColorPicker.css");
@import url("activityMonitor.css");
@import url("calendar_styles.css");
@import url("modules.css");
@import url("dnd.css");
@import url("assignments.css");
@import url("jquery-ui-joined.css"); /* created by nant build file*/

img {
    -ms-interpolation-mode:bicubic;
}
.floatL {
  float: left;
}

.floatR {    
  float: right;
}

.clear {
    clear: both;
}

p#loadingMessage {
    text-align: center;
}
p#loadingMessage img {
    display: block;
    margin: 100px auto 10px;
}

.moduleHref {
    text-decoration:none;
    color:blue;
}

.moduleHref:hover {
    text-decoration:underline;
}

body {
    font-family: verdana, arial, sans-serif;
    font-size:small;
}

/* override default courier*/
textarea {
    font-family: verdana, arial, sans-serif;
    font-size:small;
}


#printArea {
    display: none;
}

.hidden {
    display: none!important;
}

.icon12x12{
	width: 12px;
    height: 12px;
}

.icon16x16{
	width: 16px;
    height: 16px;
}

.icon20x20{
	width: 20px;
    height: 20px;
}

.icon24x24{
	width: 24px;
    height: 24px;
}

.icon32x32{
	width: 32px;
    height: 32px;
}

.icon48x48{
	width:48px;
    height:48px;
}

.icon145x145{
	width:145px;
    height:145px;
}

/* Class that defines styles to prepare an element for setting a 16x16 icon as background */
.smallIcon{
    width:16px;
    height:16px;
}
/* Class that defines styles to prepare an element for setting a 24x24 icon as background */
.mediumIcon{
    width:24px;
    height:24px;
}
/* Class that defines styles to prepare an element for setting a 32x32 icon as background */
.largeIcon{
    width:32px;
    height:32px;
}
.largeIcon,
.mediumIcon,
.smallIcon{
    display:block;
    border-style:none;
    margin:1px;
}

.PtaOverview .mediumIcon{
    margin-right:5px;
}

input{
    padding:1px 4px;
}

.fullWidth{
    width:100%;
}

.enlargedDropArea{
    padding:10px;
    margin-top:10px;
}

.error, .notice, .success{
    border:2px solid #DDDDDD;
    margin-bottom:1em;
    padding:0.8em;
}
.error{
    background:#FBE3E4 none repeat scroll 0%;
    border-color:#FBC2C4;
    color:#8A1F11;
}
.notice{
    background:#FFF6BF none repeat scroll 0%;
    border-color:#FFD324;
    color:#514721;
}
.success {
    background:#E6EFC2 none repeat scroll 0%;
    border-color:#C6D880;
    color:#264409;
}

/* @module CurrentLineRatingView */
.thinkAboutTextWrapper{
    font-size:larger; 
    width:20%;
    vertical-align:top;
    padding-left:10%;
}

.editableTextArea{
    cursor:text;
    background-color:white;
    border-style:solid;
    border-color:#BCBCBC;
    border-width:1px;
    overflow:auto;
}
.consider-icon-area{
    width:24px;
    height:24px;
    vertical-align:text-top;
    margin-right:5px;    
}
.considerationAreaFocus,
.editingConsiderationsArea{
    border-style:dotted;
}
.thinkAboutTextArea{
    width:65%;
    padding:1px;
    font-family:tahoma, calibri, arial, sans-serif;
    font-size:130%;
}

.handCursor{
	cursor:pointer;
	cursor:hand;
}

.dragdrop{
    position:absolute;
    z-index:201;
}

.applicationAreaBox{
	    height:83%;	
        overflow:auto;
        overflow-x:hidden; 
        position:absolute;	
        clear:left;
        border:2px solid #d3d3d3;
        margin-left:10px;
        margin-right:10px;
		min-width:600px;
        width:98%;
		background-color:#FFF;
}

.logoutArea{
	outline:none;
    display:block;
    margin:5px; 
}

.bannerUsernameArea{
	color:#FFF;
    width:20%;
    padding-top:5px;
    padding-Left:10px;
    font-size:larger;
    font-weight:normal;	
}

.titleBanner{
	width:46%;
    text-align:center;
    padding-top:5px;
}

.titleEditArea{
	cursor:text;
    font-size:larger;
    font-style:italic;
    width:98%;
    text-align:center;
}

.titleEditArea_noselect{
    padding:1px;
    color:#FFFFFF;
	border-width:0px;
    padding:1px;
    background-color:transparent;
}

.titleEditArea_noselect:hover{
    padding:0;
	border: 1px dotted #FFFFFF;
}

.titleEditArea_select{
	padding:0;
	border-width:1px;
    border-style:solid;
    background-color:#FFFFFF;
    color:#000000;
}
.helpLink{
	display:block;
    width:24px;
    height:24px;
    border:none;
    margin:3px;
    cursor:hand;
}
	
.bannerLogoArea{
	position:absolute;
    right:30px;
    top:10px;
	display:block;
}
.mainWindowArea{
	height:100%;	
    background-color:#002252;
    width:100%;
}

.mainWindowAreaParentNode{
	height:100%;
}

.mainWindowAreaParentNodeParentNode{
	height:100%;
	margin:0px;
}

.headerArea{
    background-repeat:repeat-x;
    height:30px;
}
.headerAreaBlue{
	background-image:url(../Images/Topbar_Back.png);	
}
.headerAreaRed{
	background-image:url(../Images/Topbar_Back_Red.png);	
}
.headerAreaGreen{
	background-image:url(../Images/Topbar_Back_Green.png);	
}

.footerArea{
	position:absolute;	
    bottom:0px;
    text-align:center;
    width:100%;
}

.centeredDiv{
	position:absolute;
    width:300px;
    height:220px;
}

.bannerDropdownSelectDiv{
	width:16%;
    padding-top:3px;
}

.backgroundCover{
	display:none;
    position:absolute;
    left:0px;
    top:0px;
	background-color:#000;
}

.containerDiv{
	display:none;
 	position:absolute;
}

.version,
.seperator{
	color:#FFFFFF;	
}

.disclaimer{
	color:#FFFFFF;
	text-decoration:none;
}

.applicationArea{
	padding:10px;
}

.centeredDiv{
	overflow:auto;
}

.windowManager_windowArea{
	margin-bottom:10px;
}

.windowManager_headerBox{
	position:relative;
	width:100%;
	top:10px;
}


.windowManager_headerHolder{
    width:100%;
	background-image:url(../Images/inactive-header.jpg);
}


.windowManager_header{
	border:1px solid #BCBCBC;
    border-bottom-width:0px;
    position:relative;
    height:20px;
}

.windowManager_headerText{
	color:#000000;
    font-size:14px;
    margin:3px 5px 2px 60px;
}

.windowManager_headerIcon{
	position:absolute;
	top:-12px;
}

.windowManager_windowContentContainer{
	margin:10px 0px 0px 0px;
	padding:16px 5px 10px 5px;
	border:1px solid #BCBCBC;
	border-top-width:0px;
	background-color:#ECF3F9;
	zoom:1;
}

.windowManager_windowContent{
	font-size:10px;
}

.windowManager_printIcon{
	position:absolute;
	top:4px;
	right:5px;
}

.windowManager_visibilityIconArea{
	display:none;
	position:absolute;
	top:4px;
	right:22px;
}

.windowManager_inactiveHeader{
	border:1px solid #BCBCBC; 
	border-bottom-width:0px;
}

.windowManager_inactiveContent{
	border:1px solid #BCBCBC; 
	border-top-width:0px;
}

.windowManager_activeHeader{
	border:1px solid #FF8040;
	border-bottom-width:0px;
}

.windowManager_activeContent{
	border:1px solid #FF8040;
	border-top-width:0px;
}

.dateArea{
	height:1px;
	width:100px;
	position:relative;
}

.slider_starDiv{
	width:20px;
}

.slider_starImg{
	width:20px;
	height:20px;
}

.slider_sliderDiv{
	position:relative;
	height:14px;
	font-size:1px;
	margin-left:24px;
}

.slider_sliderTrack{
	padding-top:3px;	
}

.slider_sliderBase{
	position:absolute;
	height:8px;
	border:solid 1px #000000;
	background-color: #EEEEEE !important;
}

.slider_sliderFrame{
	position:absolute;
	height:8px;
	right:0px;
	border:solid 1px #000000;
	background-color: #CCCCCC !important;
}

.slider_sliderScore{
	position:absolute;
	top:0px;
	height:14px;
	left:0px;
	border:solid 1px #000000;
	background-color: #239756 !important;
}

.slider_startBlock{
	position:absolute;
	width:4px;
	height:14px;
	top:0px;
	left:-5px;
	border:solid 1px #000000;
	background-color:#999999 !important;
}

.slider_previousLevelBlock{
	position:absolute;
	width:4px;
	height:14px;
	top:0px;
	border:solid 1px #000000;
	margin-left:-2px;
	background-color:#99CC66 !important;
}

.slider_levelBlockPreview{
    background-color:#239756 !important;
}
.staticSlider_minimumValueBlock,
.slider_minimumValueBlock{
	position:absolute;
	width:16px;
	height:16px;	
	bottom:-2px;
	margin-left:-2px;
	z-index:2;
}

.slider_levelBlockPreview,
.slider_levelBlock{
	position:absolute;
	width:4px;
	height:14px;	
	top:0px;
	border:solid 1px #000000;
	margin-left:-2px;
}

.slider_sliderHandle{
	position:absolute;
	top:0px;
	width:8px;
	height:14px;
	border:solid 1px #000000;
	background-color:#239756 !important;
}

.slider_recentArea{
	position:absolute;
	top:-5px;
}

.staticSlider_placeHolder{
	width:95%;
	margin-bottom:10px;
}

.staticSlider_titleArea{
	position:relative;
	margin-bottom:4px;      
}

.staticSlider_lineTitleArea{
	width:auto;
	font-weight:bold;
}

.staticSlider_divSmall{
	position:absolute;	
	line-height:0px;
	font-size:0px;
	height:7px;
	width:100%;
	background-color:#EEEEEE !important;
	border:solid 1px #000000;
	top:3px;
}

.staticSlider_start{
	background-color:#999999 !important;
	border:solid 1px #000000;
	width:4px;
	position:absolute;
	top:0px;
	z-index:2;
}

.staticSlider_end{
	background-color:#999999 !important;
	border:solid 1px #000000;
	position:absolute;
	width:4px;
	top:0px;
	z-index:2;
}


.staticSlider_divBig{
	position:absolute;
	z-index:1;
	top:0px;
	background-color:#239756 !important;
	border:solid 1px #000000;
}

.staticSlider_divSmallAfterEnd{
	background-color:#CCCCCC !important;
	border:solid 1px #000000;
	position:absolute;
	z-index:0;
	font-size:0px;
	height:7px;
	top:3px;
}

.staticSlider_recentArea{
	position:absolute;
	top:-5px;
    margin-left: -4px; /* center image to value point */
}

.backButtonContainer{
    height:16px;
}

.GrowthTreeProofLinked .datagridCell{
	overflow:hidden;
}

.AssignmentLinkLinesModule .formCheckBoxListRow .LinkLineLabel {
	width:700px;
}
.AssignmentManage .LinkLinesButton {
    margin-top: 10px;
}

.imageButton {
    display: block;
}
