.home
{
	background-image: url(images/home.png);
}
.communications
{
	background-image: url(images/communication_home.png);
}
.defaultBkg
{
	background-image: url(images/default_bkg.png);
}

.home, .communications, .defaultBkg
{
	margin: 0;
	background-position: top left;
	color: White;
	font-family: Arial;
	background-color: #3B3B3B;
	background-repeat: no-repeat;
}

.defaultContent
{
	width: 500px;
	padding: 10px 0 30px 30px;
	text-align: justify;
	font-size: 12px;
}

.defaultContent h1
{
	font-size: 20px;
}
.defaultContent p
{
	padding-left: 10px;
}

.logoAndSearch
{
	height: 40px;
}
#generalSearch
{
	width: 265px;
	text-align: right;
	margin: 8px;
	height: 25px;
}
.searchTxtBxDiv
{
	float: left;
	width: 206px;
	background-color: White;
	height: 25px;
	border: none;
}
.searchTxtBx
{
	width: 206px;
	border: none;
	font-size: 14px;
	padding-top: 3px;
	border-width: 0px;
}
.searchBtnDiv
{
	background-color: Black;
	height: 25px;	
	text-align: center;
}
.searchBtn
{
	color: White;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
}

#tabs
{
	background-image: url(images/rightstrippattern.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: black;
}
#tabs a
{
	color: Black;
	background-color: silver;
}
#headerLogo
{
	float: left;
	color: #515145;
	font-size: 20px;
	padding-left: 15px;
	line-height: 40px;
	width: 220px;
	height: 38px;
}
.headerImage
{
	margin: 0;
	padding: 0;
}
#leftPaneHeader
{
	color: White;
	margin-bottom: 20px;
	height: 25px;
	background-color: #3b3b3b;
}
#userName
{
	height: 25px;
	line-height: 25px;
	margin-right: 75px;
	padding-left: 20px;
}
#logout
{
	width: 75px;
	height: 25px;
	line-height: 25px;
	background-color: #292929;
	float: right;
	text-align: center;
}
#logout a
{
	color: White;
	text-decoration: none;
}
#logout a:hover
{
	color: Silver;
}
.UserNameText
{
	text-transform: capitalize;
}
.leftPaneBoxTitle
{
    background-color: #444444;
    background-image: url(images/leftoptions.png);
    background-repeat: repeat-x;
    background-position: left top;
    color: White;
    text-transform: uppercase;
    height: 29px;
    line-height: 29px;
    padding-left: 20px;
    border-bottom: solid 1px 3B3B3B;
    font-size: 11px;
    font-weight: bold;
}
.leftPaneBox
{
	border-bottom: solid 1px #3B3B3B;
}
.leftPaneBoxContent
{
	background-color: #3b3b3b;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 0.8em;
}
.verticalMenu
{
	margin-top: 5px;
}
.verticalMenu img
{
	vertical-align: middle;
}
.leftPaneBoxContent a
{
	margin-left: 3px;
	padding: 2px 3px;
	text-decoration: none;
	vertical-align: middle;
	color: White;
	
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.273em;
	cursor: default;
	white-space: nowrap;
    border: 1px solid #3B3B3B;
}
.leftPaneBoxContent a:hover
{
    background-position: left bottom;
    border: 1px solid #CDCED0;
    color: #CDCED0;
}

#sslogo
{
	color: White;
	padding-left: 15px;
	font-size: 10px;
}
.leftPaneBoxTitleText
{
    float: left;
}
.leftOptionImage
{
	float: right;
	height: 28px;
	margin-right: 15px;
}
.topMenu
{
	height: 25px; /*line-height: 25px;*/
	background-color: #292929;
	padding-left: 15px;
}
.topMenuLeft
{
	float: left;
	height: 25px;
	line-height: 25px;
}
.topMenuLeft a, .imagePreviewCtl a
{
	background-color: transparent;
	border: solid 1px #a4cd39;
	color: White;
	font-size: 11px;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: center;
}
.topMenuLeft a:hover, .imagePreviewCtl a:hover
{
	border: solid 1px #cdced0;
	color: #cdced0;
}
.navBtn
{
	background-color: transparent;
	border: solid 1px #a4cd39;
	color: White;
	font-size: 11px;
	text-transform:capitalize;
	text-decoration: none;
	padding: 0 10px 0 10px;
	margin: 0;
	text-align: center;
	cursor: pointer;
}
.topMenuRight
{
	float: right;
	font-size: 0.8em;
	margin-right: 20px;
}

.mainContent
{
	background-color: #3b3b3b;
	height: 100%;
	font-size: 12px;
	color: White;
}

.mainContent a
{
    color: White;
}

.mainContent textarea
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: White;
}

.mainContent input
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.imagePreviewCtl
{
	height: 25px;
	line-height: 25px;
	background-color: #525252;
	text-align: center; /*padding-top:2px;*/
}
.arrows
{
	background-color: #a4cd39 ;
	color: Black ;
}
.arrows:hover
{
	border-color: #cdced0;
	background-color:transparent;
	font-size:11px;
	margin:0;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
}
/**Main Navigation Tab**/
#mainNav
{
	height: 16px;
	background-color: transparent;
	padding-left: 15px;
	margin: 0;
}
#mainNav ul
{
	margin: 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
}
#mainNav li
{
	float: left;
	margin: 0;
	padding: 0;
}
#mainNav li span
{
	display: block;
	float: left;
	height: 16px;
	background-image: url(images/mmTabLeft.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 6px;
}
#mainNav a:active
{
	border: none;
}
#mainNav a
{
	float: left;
	color: #000;
	background-color: #D6D6CC;
	margin: 0 4px 0 0;
	text-decoration: none;
	background-image: url(images/mmTabRight.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 6px;
	height: 16px;
}
#mainNav a b
{
	float: left;
	display: block;
	background-color: transparent;
	background-image: url(images/mmTabCenter.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 16px; /*padding-top:11px;*/
	line-height: 16px;
	padding-left: 5px;
	padding-right: 5px; /*letter-spacing: 1px;*/
	text-transform: uppercase;
}
#mainNav a:hover span
{
	background-position: left bottom;
}

#mainNav a:hover
{
	background-position: right bottom;
	color: #fff;
	cursor: pointer;
}

#mainNav li a:hover span b
{
	background-position: bottom left;
}

#mainNav .current span
{
	background-position: left bottom;
}
#mainNav .current a
{
	background-color: #ADAFB2;
	color: #fff;
	cursor: default;
	background-position: right bottom;
}
#mainNav .current a b
{
	background-position: bottom left;
}
/**End Main Navigation Tab**/
/**image preview tabs**/
#nav
{
	height: 25px;
	background-color: #59594D;
	padding-left: 15px;
	margin: 0;
}
#nav ul
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: inline-block;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
}
#nav li
{
	float: left;
	margin: 0;
	padding: 0;
}
#nav li span
{
	display: block;
	float: left;
	height: 25px;
	background-image: url(images/ipleft.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 6px;
}
#nav a:active
{
	border: none;
}
#nav a
{
	float: left;
	color: #000;
	background-color: #ccc;
	margin: 0 4px 0 0;
	text-decoration: none;
	background-image: url(images/ipright.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 6px;
	height: 25px;
}
#nav a b
{
	float: left;
	display: block;
	background-color: transparent;
	background-image: url(images/ipcenter.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 11px;
}
#nav a:hover span
{
	background-position: left bottom;
}

#nav a:hover
{
	background-position: right bottom;
	color: #fff;
	cursor: pointer;
}

#nav li a:hover span b
{
	background-position: bottom left;
}

#nav .current span
{
	background-position: left bottom;
}
#nav .current a
{
	background-color: #3a73ba;
	color: #fff;
	cursor: default;
	background-position: right bottom;
}
#nav .current a b
{
	background-position: bottom left;
}

#tabContents
{
	background-image: url(images/imagePreviewTabs.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #E7E7E8 ;
	height: 175px;
}
/**END image preview tabs**/
.imageHolder
{
	width: 130px;
	height: 120px;
	float: left;
	padding-top: 10px; /*background-color: #DBDBDB;*/
	margin: 0 3px 3px 0;
	border: 1px solid #DBDBDB;
	background-color: #292929;
	color: White;
}
.imageHolder:hover 
{
	background-color: #F6FBFD;
	border: 1px solid #99DEFD;
}
.imageHolderSelected
{
	width: 130px;
	height: 120px;
	float: left;
	padding-top: 10px; /*background-color: #DBDBDB;*/
	margin: 0 3px 3px 0;
	background-color: #F6FBFD;
	border: 1px solid #99DEFD;
}
.imageHolderSelected:hover
{
	background-color: #E0F1F8;
}
.thumbnailCanvas
{
	display: block;
	overflow: auto;
	padding: 15px;
	height: 100%; /*	padding-bottom: 200px;*/
	background-color: #3b3b3b;
}
.thumbnailImagesExpanded
{
	padding-bottom: 0;
}
.thumbnailImages
{
	display: block;
}
.thumbnailPreviewMinimized
{
	display: none;
}
#imagesDiv
{
	/*overflow:auto;*/
}

.thumbnailPreview
{
	/*clear: both;*/
	overflow: hidden;
	height: 200px; /*position: fixed; 	bottom: 0px; 	left: 270px; 	right: 0px;*/
	background-color: #3b3b3b; /*margin-top:-200px;*/
}

.capitalize
{
	text-transform: capitalize;
}
/*********Progress Bar************/
.ProgressBar
{
	margin: 0px;
	border: 1px;
	padding: 0px;
	width: 382px;
	height: 23px;
}
#ProgressBarDiv
{
	background-image: url(../bg_bar.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 9px;
	width:382px;
	height:23px;
	margin: 15px;
	visibility:hidden;
	display:none;
}
/*********END Progress Bar************/
.moduleTitle
{
    background-color: #3b3b3b;
	font-size: 110%;
	padding: 5px 5px;
	margin: 0;
	height: 25px; /*line-height: 25px;*/ /*	background-color: #59594D;*/
	padding-left: 15px;	
	color: White !important;
}

.module
{
	/*border: 1px solid #C5D7EF;*/
	overflow: hidden;
	padding: 5px 5px 10px;
	margin-bottom: 3px;
}
.gridrow
{
}
.gridrow:hover
{
	background: #F6FBFD url(images/menuBkg.gif) repeat-x left bottom; /*border: 1px solid #99DEFD;*/
	color: #363636;
}
.gridrow a
{
	/*padding: 2px 3px;*/
	text-decoration: none;
	vertical-align: middle;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.273em;
	cursor: pointer;
	white-space: nowrap;
	width: 100%;
	display: block;
}
.gridrow a:hover
{
	text-decoration: underline;	
}
.gridview-header
{
	text-align: left;
}
.gridrow-rowstyle
{
	color: #333333;
	background-color: #F7F6F3;	
}
.gridrow-rowstyle:hover
{
	background: #F6FBFD url(images/menuBkg.gif) repeat-x left bottom;
}
.gridrow-rowstyle a
{
	color: #333333;
	text-decoration: none;
}
.gridrow-rowstyle a:hover
{
	text-decoration: underline;	
}
.gridrow-alternatingrowstyle
{
	background-color: White;
	color: #284775;
}
.gridrow-alternatingrowstyle:hover
{
	background: #F6FBFD url(images/menuBkg.gif) repeat-x left bottom;
}
.gridrow-alternatingrowstyle a
{
	color: #284775;
	text-decoration: none;
}
.gridrow-alternatingrowstyle a:hover
{
	text-decoration: underline;	
}

/***Pager****/
.PagerHyperlinkStyle
{
	border: 1px solid #a4cd39;
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: White;
}
a.PagerHyperlinkStyle:hover, tr.pager a:hover
{
	border: 1px solid #CDCED0;
	color: #CDCED0;
}
.PagerCurrentPageCell span
{
	background-color: #a4cd39;
}
.pager, .pager table
{
	padding: 3px 0px 3px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #3b3b3b;
}
.PagerContainerTable
{
	margin-left: auto;
	margin-right: auto;
}

tr.pager span, tr.pager a
{
	border: 1px solid #a4cd39;
	padding: 0 3px 0 3px;
	text-decoration: none;
	color: White;
}
.pager span
{
	background-color: #a4cd39;
}

.bodyContent
{
	background-color: #3B3B3B;
	color: White;
}

.bodyContent h3
{
    color: White;
    font-size: 12px;
}

.bodyContent img
{
	border: none;
}

.bodyContent a
{
	text-decoration: none;
	color: White;
}

.bodyContent a:hover
{
	color: #a4cd39;
}

.ajax_tabs
{
	font-family: Arial, Helvetica, sans-serif ;	 
}

.ajax_tab_xp .ajax__tab_header
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #292929;
	font-size: 11px;
	font-weight: bold;
	background-position: left bottom;
	height: 25px;
	padding-left: 5px;
	display: block;
}

.ajax_tab_xp .ajax__tab_outer 
{
    background: url(images/ipright.png) no-repeat right top;
    height: 25px;
    padding-left: 3px;
}

.ajax_tab_xp .ajax__tab_inner
{
	background: url(images/ipleft.png) no-repeat left top;
	height: 25px;
	padding-left: 3px;
}

.ajax_tab_xp .ajax__tab_tab
{
    background: url(images/ipcenter.png) repeat-x top;
    background-repeat: repeat-x;
    text-decoration: none;
    display: block;
    height: 15px;
    border-width: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    color: Black;
    margin-right: 6px;
}
.ajax_tab_xp .ajax__tab_hover .ajax__tab_outer 
{
    background: url(images/ipright.png) no-repeat right bottom;
}
.ajax_tab_xp .ajax__tab_hover .ajax__tab_inner 
{
    background: url(images/ipleft.png) no-repeat left bottom;
}
.ajax_tab_xp .ajax__tab_hover .ajax__tab_tab 
{
	text-decoration: none;
    background: url(images/ipcenter.png) repeat-x bottom;
    display: block;
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #FFFFFF;
	cursor: pointer;
	background-color: #B4B4B4;  
	margin-right: 6px;
}

.ajax_tab_xp .ajax__tab_active .ajax__tab_outer 
{
    background: url(images/ipright.png) no-repeat right bottom;
}

.ajax_tab_xp .ajax__tab_active .ajax__tab_inner 
{
    background: url(images/ipleft.png) no-repeat left bottom;
}

.ajax_tab_xp .ajax__tab_active .ajax__tab_tab
{
	background: url(images/ipcenter.png) repeat-x bottom;
	background-repeat: repeat-x;
	background-position: left bottom;
	color: Black;
	cursor: pointer;	
	text-decoration: none;
	vertical-align: baseline;
	margin-right: 6px;
}

.ajax_tab_xp .ajax__tab_body
{
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/imagePreviewTabs.png) repeat-x top;
    background-color: #231f20;
    top: 0px;
    border-style: none solid solid solid;
    border-width: 0 1px 1px 1px;
    border-right-color: #3B3B3B;
    border-bottom-color: #3B3B3B;
    border-left-color: #3B3B3B;
}
.ajax_tab_xp .ajax__tab_body div
{	
	padding: 5px 5px 5px 5px;
}

.ajax_tab_xp .ajax__tab_body textarea
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.DataGridViewFilesMetaData a
{
	padding: 10px;
	background-color: transparent;
	border: 1px solid #a4cd39;
	color: Black;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

.ChangePassword
{
	border: 1px solid #a4cd39;
	color: Black;
	background-color: White;
}

.SearchListRows
{
	background-color: #F7F6F3;
	color: #333333;	
	height: 28px;
}

.SearchListRows hover
{
	background: #F6FBFD url(images/menuBkg.gif) repeat-x left bottom;
}

.SearchListRows a
{
	text-decoration: none;
	color: #333333;
}

.SearchListRows a:hover
{	
	text-decoration: underline;
}

.SearchListRows:hover
{
	background: #F6FBFD url(images/menuBkg.gif) repeat-x left bottom;
}

.SearchListHeader
{
	background-color:#B0B0B0;
	font-weight: bold;
	text-align: left;
}

.errorLabel
{
	padding-left: 10px;
	color: Red;
}

.leftPanelLink
{
    padding-left: 25px;
	width: 220px;
	height: 25px;
	line-height: 25px;	
	text-align: left;
	font-family: Arial;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.leftPanelLink a
{
	color: White;
	text-decoration: none;
}
.leftPanelLink a:hover
{
	color: Silver;
}

.loginBtn
{
	display:block;
	margin:3px;
	border: solid 1px #A4CD39;
	color:White;
	padding: 1px 10px 1px 10px;
	text-decoration:none;
}

.passwordRecovery
{
    color: #A4CD39;
}

.generatingGraph
{
    color: #7DA02B;
    font-weight: bold;
}

.signInScreen
{
	background-image: url(App_Themes/<%= Theme %>/images/login-topheader.png);
	background-repeat: repeat-x; 
	background-position: top left; 
	padding-top: 20%;
	background-color: #555555;
}

.signInBody
{
	background-color: #555555;
}

.gridView
{
	color: #333333;
}

.gridViewHeaderStyle
{
	background-color: #8F8F8F;
	color: White;
	text-align: left;
	font-weight: bold;	
}

.gridViewFooterStyle 
{
	Color: White;
	font-weight: bold;
	color: White; 
}

.gridViewPagerStyle
{
	text-align: right;
	background-color: White;
	color: Black;
}

.gridViewPagerStyle a
{
	color: Black;
}

.gridViewRowStyle
{
	color: #333333;
	background-color: #F7F6F3
}

.gridViewRowStyle:hover
{
	background: #E6EFD1;
	color: #363636;
}

.gridViewRowStyle a
{
	/*padding: 2px 3px;*/
	text-decoration: none;
	vertical-align: middle;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.273em;
	cursor: pointer;
	white-space: nowrap;
	width: 100%;
	display: block;
}

.gridViewRowStyle a:hover
{
	text-decoration: underline;	
}

.gridViewAlternatingRowStyle
{
    background-color: White;
    color: Black;
}

.gridViewAlternatingRowStyle:hover
{
	background: #E6EFD1;
}
.gridViewAlternatingRowStyle a
{
	color: Black;
	text-decoration: none;
}
.gridViewAlternatingRowStyle a:hover
{
	text-decoration: underline;	
}

.menuBodyContent
{
	background-color: #3B3B3B;
	color: Black;
}

.menuBodyContent a
{
	color: Black;
}

.menuBodyContent img
{
	border: none;
}

.menuBodyContent table a
{
	text-decoration: none;
	color: White;
}

.menuBodyContent table a:hover
{
	color: #a4cd39;
}

.menuBodyContent table td
{
	/*padding-bottom: 20px;*/
}

.graphContent
{
	background-color: #3B3B3B;
	color: Black;
}

.graphContent a
{
	text-decoration: none;
	color: Black;
}

.graphContent h2
{
	color: White;
}

.graphContent h2 a
{
	color: White;
}

.graphContent img
{
	border: none;
}

.graphContent table a:hover
{
	color: #a4cd39;
}

.docPermissions
{
    color: White;
}

#permissionChkBxs
{
    color: Black;
}

.SystemLevelPermission
{
    display: block; 
    overflow: auto; 
    width: 220px;
}

.groupPermissions
{
    color: Black;
    display: block; 
    width: 100%; 
    height: 400px; 
    overflow: auto;
    clear: both; 
    background: white; 
    border: inset 2px;
}

.groupPermissions table td
{
    color: Black;
}