/*--------------------------- Header Section ---------------------*/
.header{
	backgroundSize:"100%";
	backgroundImage:Embed(source='/images/headerBlueBackground.png');
}
.headerText{
	color:#cccccc;
	fontFamily:Arial;
	fontSize:18;	
	paddingTop:7;
}
.headerTextSmall{
	color:#cccccc;
	fontFamily:Arial;
	fontSize:11;
	paddingBottom:8;
	paddingRight:4;
}
.headerLinks{
	color:#cccccc;
	textDecoration:underline;
	rollOverColor:#012e65;
	textRollOverColor:#cccccc;
	fontFamily:Arial;
	fontSize:11;
}
.headerLinkWrapper{
	verticalAlign:top;	
}
.headerBox{
	backgroundColor:#012e65;
	verticalAlign:bottom;
}
.grayBox{
	backgroundSize:"100%";
	backgroundImage:Embed(source='/images/grayBox.png',
		scaleGridTop=10, scaleGridBottom=20, scaleGridLeft=50,scaleGridRight=600); 	
    paddingTop:2;
}
/*------------------------ End Header Section ---------------------*/
/*------------------------ Primary Tab Navigation ---------------------*/
.primaryTabNav{
	firstTabStyleName: "pmTabStyle";
    tabStyleName: "pmTabStyle";
    lastTabStyleName: "pmTabStyle";
    selectedTabTextStyleName: "pmSelectedTabText";
    horizontalGap:0;
    tabWidth:149;
	tabHeight:23;
	height:23;
	cornerRadius:0;
	borderSides:none;
}
.pmSelectedTabText{
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
	color:#000000;
}
.pmTabStyle{
	overSkin: Embed(source="/images/primaryTabUnSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="20");
    selectedDisabledSkin: Embed(source="/images/primaryTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="20");
    selectedUpSkin: Embed(source="/images/primaryTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="20");
    selectedOverSkin: Embed(source="/images/primaryTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="20");
    upSkin: Embed(source="/images/primaryTabUnSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="20");
}
/*------------------------ End Primary Tab Nav Section ---------------------*/
/*------------------------ Secondary Tab Navigation ---------------------*/
.secondaryTabNav{
	firstTabStyleName: "snTabStyle";
    tabStyleName: "snTabStyle";
    lastTabStyleName: "snTabStyle";
    selectedTabTextStyleName: "snSelectedTabText";
    horizontalGap:4;
    tabWidth:143;
	tabHeight:18;
	cornerRadius:0;
	borderSides:none;
	color:#bbbbbb;
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
	paddingTop:4;
	backgroundColor:#b5c2d2;
}
.snSelectedTabText{
	color:#012e65;
}
.snTabStyle{
	overSkin: Embed(source="/images/snTabUnSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="10");
    selectedDisabledSkin: Embed(source="/images/snTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="10");
    selectedUpSkin: Embed(source="/images/snTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="10");
    selectedOverSkin: Embed(source="/images/snTabSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="10");
    upSkin: Embed(source="/images/snTabUnSelected.png",
        scaleGridLeft="1", scaleGridTop="2", scaleGridRight="120", scaleGridBottom="10");
}
/*------------------------ End Secondary Tab Nav Section ---------------------*/
/*------------------------ Start Status Filters Section ---------------------*/
.radioWrapper{
	backgroundColor:#ffffff;	
	paddingLeft:4;
	paddingRight:4;
}
.radioButton{
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
	color:#012e65;
	textRollOverColor:#012e65;
}
.filterWrapper{
	paddingTop:8;
	paddingLeft:4;
	paddingRight:4;
	backgroundColor:#b5c2d2;
	verticalGap:0;	
}
.filterOptions{
	backgroundColor:#b5c2d2;
}
/*------------------------ End Status Filters Section ---------------------*/
/*------------------------ Start Grid Styles ---------------------*/
.searchGrid{
	headerColors:#b5c2d2,#b5c2d2;
	selectionColor:#012e65;
	textSelectedColor:#ffffff;
	headerStyleName:headerStyle;
	headerSeparatorSkin:Embed(source='/images/headerSeperator.png',
		scaleGridLeft="0", scaleGridTop="2", scaleGridRight="1", scaleGridBottom="11");
	borderStyle:solid;
	borderThickness:1;
	borderColor:#B2B2B2;
	borderSides:"bottom";
	paddingBottom:4;
}
.gridBorder{
	backgroundSize:"100%";
	backgroundImage:Embed(source='/images/gridBorder.png',
		scaleGridLeft="2", scaleGridTop="30", scaleGridRight="4", scaleGridBottom="290");
} 
.headerStyle{
	textAlign:center;
	textDecoration:underline;
	fontFamily:Arial;
	fontSize:9;
}
/*------------------------ End Grid Styles ---------------------*/
/*---------------------- Details Section --------------------------*/
.blueBox{
	color:#ffffff;
	backgroundColor:#012e65;
}
.idLabel{
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
}
.nameLabel{
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
}
.properties{color:#000000;}
.resolution{color:#ffffff;}
.description{color:#000000;}

.blueText{
	fontFamily:Arial;
	fontSize:11;
	fontWeight:bold;
	color:#012e65;	
}
.greyText{
	fontFamily:Arial;
	fontSize:10;
	fontWeight:bold;
	color:#666666;	
}
.indentedText{
	fontFamily:Arial;
	fontSize:11;
	color:#000000;
	paddingLeft:15;
}
.link{
	fontFamily:Arial;
	fontWeight:Bold;
	textDecoration:underline;
	fontSize:11;
	color:#012e65;
}
.text{
	fontFamily:Arial;
	fontSize:11;
	color:#000000;
}
/*---------------------- End Details Section --------------------------*/
.footer{
	borderStyle:solid;
	borderThickness:2;	
	borderColor:#012e65;
	borderSides:"top,bottom";
	backgroundColor:#ffffff;
	verticalAlign:middle;
	horizontalAlign:right;
	paddingRight:8;
}

ScrollBar{
	thumbUpSkin:Embed(source='/images/thumb.png',
		scaleGridLeft="5", scaleGridTop="1", scaleGridRight="8", scaleGridBottom="29");
	thumbDownSkin:Embed(source='/images/thumb.png',
		scaleGridLeft="5", scaleGridTop="1", scaleGridRight="8", scaleGridBottom="29");
	thumbOverSkin:Embed(source='/images/thumb.png',
		scaleGridLeft="5", scaleGridTop="1", scaleGridRight="8", scaleGridBottom="29");	
		
	trackSkin:Embed(source='/images/track.png',
		scaleGridLeft="1", scaleGridTop="6", scaleGridRight="3", scaleGridBottom="185");
		
	upArrowUpSkin:Embed(source='/images/upArrow.png');
	upArrowDownSkin:Embed(source='/images/upArrow.png');
	upArrowOverSkin:Embed(source='/images/upArrow.png');
	upArrowDisabledSkin:Embed(source='/images/upArrow.png');
	
	
	downArrowUpSkin:Embed(source='/images/downArrow.png');
	downArrowDownSkin:Embed(source='/images/downArrow.png');
	downArrowOverSkin:Embed(source='/images/downArrow.png');
	downArrowDisabledSkin:Embed(source='/images/downArrow.png');
}
/*------------------------ Start Divided Box Styles ---------------------*/
.ExtendedDividerBoxApp{
   backgroundGradientAlphas: 1,1;
   backgroundGradientColors: #DCEBFE,#8EB3E7;
}

.ExtendedDividerBox{
    barBorderColor:         #EE9819;
    barFillColors:          #FAE38F,#EE9819;
    dividerThickness:       6;
}
.ExtendedDividerBoxButtonH{
    buttonWidth:            11;
    barBorderColor:         #EE9819;
    barFillColors:          #FAE38F,#EE9819;
    dividerThickness:       6;
    cornerRadius:           0;
}

.ExtendedDividerBoxButtonV{
    buttonWidth:            11;
    barBorderColor:         #EE9819;
    barFillColors:          #FAE38F,#EE9819;
    dividerThickness:       6;
    dividerSkin: Embed(source="/images/customDivider.png");
    cornerRadius:           0;
    paddingTop:4;
	paddingLeft:4;
	paddingRight:4;
	paddingBottom:4;
	backgroundColor:#ffffff;
}
/*------------------------ End Divided Box Styles ---------------------*/
/*---------------------- Login Page --------------------------*/

.loginWelcome{
	fontFamily:Arial;
	fontSize:14;
	fontWeight:bold;
	color:#012e65;
	paddingTop:40;
}
.loginText{
	fontFamily:Arial;
	fontSize:11;
	paddingTop:8;
}
.loginBlueBox{
	fontFamily:Arial;
	fontSize:12;
	fontWeight:bold;
	color:#FFFFFF;
	backgroundColor:#012e65;	
}
.loginForm{
	borderStyle:solid;
	borderColor:#012e65;
	borderThickness:1;
	paddingLeft:20;
	paddingTop:10;
	paddingBottom:10;	
}
.loginFormLabel{
	fontFamily:Arial;
	fontSize:12;
}
.go{
	upSkin:Embed(source='/images/go.png');
	overSkin:Embed(source='/images/goOver.png');
	downSkin:Embed(source='/images/go.png');
}
.loginLink{
	fontFamily:Arial;
	fontSize:11;
	paddingTop:8;
	textDecoration:underline;
	rollOverColor:#ffffff;
	selectionColor:#ffffff;
}
/*---------------------- End Login Page --------------------------*/
.detailsTitleWindow{
	paddingTop:0;
	paddingLeft:0;
	paddingRight:0;
	borderColor:#012e65;
	borderThicknessLeft:1;
	borderThicknessRight:1;
	borderThicknessBottom:1;
    color:#ffffff;
    
    closeButtonUpSkin:Embed(source='/images/closeUp.png');
	closeButtonOverSkin:Embed(source='/images/close.png');
	closeButtonDownSkin:Embed(source='/images/closeUp.png');	
}

.detailsTop{
	paddingTop:8;
	paddingBottom:8;
	paddingLeft:8;
	paddingRight:8;
	backgroundColor:#b5c2d2;
}
.detailsLabel{color:#012e65;}
.detailsTopValue{color:#000000;}

.detailsBottom{
	paddingTop:8;
	paddingBottom:8;
	paddingLeft:8;
	paddingRight:8;
}
ComboBox{
	fontWeight: normal; 
	color:#012e65;
	fillColors:#ffffff,#ffffff;
	upSkin:Embed(source='/images/ComboBoxSkin.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="250", scaleGridBottom="15");
	overSkin:Embed(source='/images/ComboBoxSkin.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="250", scaleGridBottom="15");
	downSkin:Embed(source='/images/ComboBoxSkin.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="250", scaleGridBottom="15");
}
ComboBox.small{
	fontWeight: normal;
	color:#012e65;
	fillColors:#ffffff,#ffffff;
	upSkin:Embed(source='/images/ComboBoxSmall.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="130", scaleGridBottom="15");
	overSkin:Embed(source='/images/ComboBoxSmall.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="130", scaleGridBottom="15");
	downSkin:Embed(source='/images/ComboBoxSmall.png',
		scaleGridLeft="5", scaleGridTop="5", scaleGridRight="130", scaleGridBottom="15");
}
.disabledBlack{
	disabledColor:#000000;
}
.plus{
	upSkin:Embed(source='/images/plus.png');
	overSkin:Embed(source='/images/plusOver.png');
	downSkin:Embed(source='/images/plus.png');	
}
.minus{
	upSkin:Embed(source='/images/minus.png');
	overSkin:Embed(source='/images/minusOver.png');
	downSkin:Embed(source='/images/minus.png');	
}
.submit{
	upSkin:Embed(source='/images/submit.png');
	overSkin:Embed(source='/images/submitOver.png');
	downSkin:Embed(source='/images/submit.png');
	disabledSkin:Embed(source='/images/submit.png');
}
.cancel{
	upSkin:Embed(source='/images/cancel.png');
	overSkin:Embed(source='/images/cancelOver.png');
	downSkin:Embed(source='/images/cancel.png');	
}
.update{
	upSkin:Embed(source='/images/update.png');
	overSkin:Embed(source='/images/updateOver.png');
	downSkin:Embed(source='/images/update.png');	
}
.contactGrid{
	borderStyle:solid;
	color:#000000;
	headerColors:#EEEEEE,#EEEEEE;
}
.contactListTitleWindow{
	paddingTop:0;
	paddingLeft:0;
	paddingRight:0;
	borderColor:#012e65;
	borderThicknessLeft:1;
	borderThicknessRight:1;
	borderThicknessBottom:1;
    color:#ffffff;
    
    closeButtonUpSkin:Embed(source='/images/closeUp.png');
	closeButtonOverSkin:Embed(source='/images/close.png');
	closeButtonDownSkin:Embed(source='/images/closeUp.png');
}
.messageBox{
	paddingTop:10;
	paddingLeft:10;
	paddingRight:10;
	borderColor:#012e65;
	borderThicknessLeft:1;
	borderThicknessRight:1;
	borderThicknessBottom:1;
    color:#ffffff;
    closeButtonUpSkin:Embed(source='/images/closeUp.png');
	closeButtonOverSkin:Embed(source='/images/close.png');
	closeButtonDownSkin:Embed(source='/images/closeUp.png');
}
/*---------------------- Collateral Section --------------------------*/


.dropDownText{
	fontFamily:Arial;
	fontSize:11px;	
}
.oddItem{
	paddingTop:2;
	paddingBottom:2;
	backgroundColor:#b5c2d2;
}
.overItem{
	paddingTop:2;
	paddingBottom:2;
	backgroundColor:#012e65;
	color:#ffffff;
}

.video{backgroundImage:Embed(source='/images/video.png');}
.videoOver{backgroundImage:Embed(source='/images/videoOver.png');}
.document{backgroundImage:Embed(source='/images/document.png');}
.documentOver{backgroundImage:Embed(source='/images/documentOver.png');}
.presentation{backgroundImage:Embed(source='/images/presentation.png');}
.presentationOver{backgroundImage:Embed(source='/images/presentationOver.png');}
.spreadsheet{backgroundImage:Embed(source='/images/spreadsheet.png');}
.spreadsheetOver{backgroundImage:Embed(source='/images/spreadsheetOver.png');}
.export{backgroundImage:Embed(source='/images/export.png');}
.exportOver{backgroundImage:Embed(source='/images/exportOver.png');}
.image{backgroundImage:Embed(source='/images/image.png');}
.imageOver{backgroundImage:Embed(source='/images/imageOver.png');}		
.archive{backgroundImage:Embed(source='/images/archive.png');}
.archiveOver{backgroundImage:Embed(source='/images/archiveOver.png');}
.gridDownload{backgroundImage:Embed(source='/images/download.png');}
.gridDownloadOver{backgroundImage:Embed(source='/images/downloadOver.png');}

.evenItem{
	paddingTop:2;
	paddingBottom:2;
	backgroundColor:#ffffff;
}

.whiteHeader{
	horizontalAlign:center; 
	backgroundColor:#ffffff;
	borderColor:#012e65; 
	borderSides:"top,left,right"; 
	borderStyle:solid;
	borderThickness:1; 
}
.listWrapper{
	backgroundColor:#FFFFFF; 
	borderStyle:solid; 
	borderThickness:1; 
	borderSides:"left,right,bottom"; 
	borderColor:#012e65;
	verticalGap:0;
}
.addHeader{
	backgroundImage:Embed('/images/addHeader.png'); 
	backgroundSize:"100%";	
}
.download{
	upSkin:Embed(source='/images/downloadButton.png');
	overSkin:Embed(source='/images/downloadButtonOver.png');
	downSkin:Embed(source='/images/downloadButton.png');
}

.flagLabel{
	color:#CCCCCC;	
}

.blackTime{
	color:#000000;
	fontWeight:bold;
	fontFamily:Arial;
}
.blueDate{
	color:#012e65;
	fontWeight:bold;	
	fontFamily:Arial;
}

.redFlag{
	color:#BF0000;
	fontFamily:Arial;
	fontWeight:bold;	
}
.greyFlag{
	color:#B2B2B2;
	fontFamily:Arial;
	fontWeight:bold;	
}
.blueName{
	color:#012e65;
	fontFamily:Arial;
	fontWeight:bold;
}
.whiteName{
	color:#ffffff;
	fontFamily:Arial;
	fontWeight:bold;
}
.whiteDesc{
	color:#ffffff;
	fontFamily:Arial;	
}
.blackDesc{
	color:#000000;
	fontFamily:Arial;	
}
.page{
	color:#002BBF;
	fontFamily:Arial;
	fontWeight:bold;
	fontSize: 12px;
	textDecoration:underline;
}
.selectedPage{
	color:#000000;
	fontFamily:Arial;
	fontWeight:bold;
	fontSize: 12px;
	textDecoration:underline;
}
.pageTitle{
	color:#000000;
	fontFamily:Arial;
	fontWeight:bold;
	fontSize: 12px;
}
.unRead{
	fontWeight:bold;	
}
.read{
	fontWeight:normal;	
}