﻿/*html 
{ 
	overflow-y: scroll;
	overflow-x: hidden;
}

html 
{ 
	overflow: -moz-scrollbars-vertical; 
}*/

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../Images/NSpacePreloaderX.gif') center no-repeat #fff;
}

body
{
	padding: 0px;
	margin: 0px;
	/*font-family: verdana, helvetica, arial, sans-serif;*/
	font-size: 14px;
	text-align: center;
	color: #000000;
	background-color:#656565;
}

#workingSpace
{
	background-position: top;
	/*width: 997px;*/
	/*min-height: 990px;*/
	background: url(../Images/nspace_bg2.gif);
	background-repeat: repeat-x;
	background-color: #676666;
	/*-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-radius-bottomright: 10px;*/
}

/*#topBar
{
	height:34px;
	width:997px;
	padding: 0px;
	
}*/

/*#secondBar
{
	background-position: 107px;
	height: 114px;
	width: 997px;
	padding: 0px;
	background-image: url(  '../Images/header.gif' );
	background-repeat: no-repeat;
}*/

#logo
{
	/*height: 114px;
	width: 286px;*/
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	vertical-align: top;
	margin-top:0px;
	margin-left:auto;
    margin-right:auto;		
	background-image: url('../Images/logo.gif');
	background-repeat:no-repeat;
	float:right;
}

/*#header2
{
	margin-left:auto;
	margin-right:auto;
	height: 29px;
	width: 129px;
	background-image: url( '../Images/header_2.gif' );
	background-repeat: no-repeat;
	margin-top: 0px;
}*/

/*#thirdBar
{
	background-position: 352px;
	height: 51px;
	width: 993px;
	padding: 0px;
	background-image: url( '../Images/b_nav_r.gif' );
	background-repeat: no-repeat;
	
}*/

/*#breadcrumbs
{
	text-align: left;
	padding-top: 20px;
	padding-left: 5px;
	color: #FFFFFF;
}

#breadcrumbs a
{	
	color: #ffffff;
	font-weight: normal;
}*/


#navContent
{
	/*width: 183px;*/
    /*width: 183px;
	height: 220px;*/
	/*padding: 10px;*/
	border: solid 1px #CCCCCC;
	/*float: left;*/
	/*margin-left: 20px;*/
	background-color: #0F202F;
	text-align:left;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#navContent a
{
	height: 20px;
	/*width:200px;*/
	background-position: left center;
	font-weight: bold;
	/*font-family: arial,verdana, helvetica, sans-serif;*/
	color: #ffffff;
	text-transform: uppercase;
	/*font-size: 12px;*/
	background-image: url(  '../Images/red_ball.gif' );
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-top: 7px;
	vertical-align:top;
	/*float: left;*/
}

#content
{
	/*width:770px;
	padding: 0px;
	float: right;*/
}
input, textarea, select
{
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-style: normal;
	color: #333333;
}

a
{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

a:hover
{
	
	text-decoration: underline;
}

.h1NSpace
{
	height: 28px;
	background-position: left center;
	font-weight: bold;
	/*font-family: arial,verdana, helvetica, sans-serif;*/
	color: #ffffff;
	/*text-transform: uppercase;*/
	font-size: 20px;
	background-image: url(  '../Images/arrow.gif' );
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 25px;
	vertical-align:top;
}

h2
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	/*font-size: 12px;*/
}
.header3
{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.smallText
{
	font-weight: normal;
	color: #444444;
	text-decoration: none;
	font-size: 10px;
}



#top_image
{
	height: 90px;
	width: 1003px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	background-image: url('../Images/FrontEnd/top_image.jpg');
	background-repeat:no-repeat;
}

#footer
{
	/*width: 997px;*/
	height: 40px;
	color: #000000;
	font-size: 10px;
	/*font-family: verdana;*/
	/*text-align: center;	
	vertical-align:bottom;
	padding-top: 25px;
	padding-bottom: 0px;*/
}

#leftContent
{
	/*float: left;
	margin-left: 15px;
	margin-right: 7px;
	margin-top: 6px;
	vertical-align: top;*/
	/*width: 428px;*/
	min-height: 400px;
	/*position: relative;*/
	text-align: justify;
    /*margin-left: 20px;*/
	padding: 20px;
	border: solid 1px #CCCCCC;
	background-color: #C7C5C6;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftTopContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:6px;	
	vertical-align:top;
	width:730px;
	height:75px;
	border: solid 1px #CCCCCC;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftMiddleContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:8px;
	vertical-align:bottom;
	width:730px;
	height:15px;
	padding-bottom:10px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftBottomContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:8px;
	vertical-align:top;
	width:730px;
	height:270px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:6px;
	vertical-align:top;
	width:730px;
	height:389px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#middleContent
{
	float: left;
	margin-top: 6px;
	vertical-align: top;
	width: 253px;
	height: 389px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;

}

#rightTopContent
{
	/*float:left;*/
	/*margin-left:auto;*/
	/*margin-right: auto;*/
	/*vertical-align:top;*/
	/*width:232px;*/
	/*min-height:200px;*/
    /*max-width: 234px;*/
	border: solid 1px #CCCCCC;	
	/*position: relative;*/
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
    background-color: #C7C5C6;
    margin-bottom: 15px;
}

#rightBottomContent
{
    /*margin-top: 20px;*/
	/*margin-left: auto;
    margin-right: auto;*/
     
	vertical-align: top;
    /*min-height:188px;*/
    /*max-width: 232px;*/
	border: solid 1px #CCCCCC;
	min-height:300px;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightMiddleContent
{
	float:left;
	margin-left:8px;
	margin-top:7px;
	vertical-align:top;
	width:232px;
	height:40px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightBottomContent2
{
	float:left;
	margin-left:8px;
	margin-top:7px;
	vertical-align:top;
	width:232px;
	height:139px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightContent
{
	float:left;
	margin-left:8px;
	margin-top:6px;
	vertical-align:top;
	width:232px;
	height:390px;
	border: solid 1px #CCCCCC;	
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}


/*#breadcrumbs a
{	
	color: #285397;
	font-weight: normal;
}*/

#pageMenu
{
	width:145px;
	height:380px;
	float:left;
	text-align:left;
}

.successText
{
	color: #006600;
	
}

.errorText
{
	color: #800000;
	
}

#formBody
{
	padding: 0px;
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
}

#formBody input, select, textarea
{
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: normal;
	font-style: normal;
	color: #000000;
	
}


/*.button
{
	padding: 1px;
	margin: 1px;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #111111;
	border: 1px solid #003399;
	
	width: 75px;
	cursor: pointer;
}*/

#formBody .formRowHeader
{
	text-align: right;
}

#formBody .formElement
{
	text-align: left;
}

.formBody
{
	border: 1px solid #CCCCCC;
	padding: 0px;
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: normal;
	margin-bottom: 0px;
	color: #000000;
	margin-top: 0px;
}

.formBody input, select, textarea
{
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: normal;
	font-style: normal;
	color: #222222;
	
}

.formBody .formRowHeader
{
	text-align: right;
}

.formBody .formElement
{
	text-align: left;
}

.formBodyNoBorder
{
	padding: 5px;	
	color: #999999;
}

.formBodyNoBorder input, select, textarea
{
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: normal;
	font-style: normal;
	color: #222222;
	
}

.formBodyNoBorder .formRowHeader
{
	text-align: right;
}

.formBodyNoBorder .formElement
{
	text-align: left;
}
#formHeader
{
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	height: 15px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
}



#modalFormHeader
{
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	height: 22px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}

.modalFormHeaderNoPointer
{
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	/*font-family: verdana;*/
	/*font-size: 12px;*/
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #ffffff;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	border-top: none;
	margin: 0px;
}

#customscrollNews
{
	width: 397px;
	height: 365px;
	overflow: auto;
	position: relative;
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:left;
}

#customscrollProducts
{
	width: 225px;
	height: 365px;
	overflow: auto;
	position: relative;
	margin-top: 15px;
	margin-left:10px;
	margin-right:10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align:left;
}

#customscrollWide
{
	width: 500px;
	height: 365px;
	overflow: auto;
	position: relative;
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	text-align:justify;
	float: right;
	
}

#customscrollSuperWide
{
	width: 600px;
	height: 355px;
	overflow: auto;
	position: relative;
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 15px;
	text-align: justify;
	float: right;
}
.sectionIndicator
{
  float:left;
  margin-left:-15px;
}

.closeIcon
{
	background-position: right top;
	background-image: url(../Images/close_icon.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
	margin-top: 2px;
	margin-right: 2px;
}

.scrollIcon
{
	cursor: pointer;
}

.detailsList
{
	list-style:none;
}

.detailsList li
{
	margin-left: -25px;
	list-style-type: disc;
}

.detailsList li a
{
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}

.detailsList li a:hover
{
	text-decoration: underline;
	
}

.gridView
{
	
}

.gridCell
{
	
}

.altGridCell
{	
	
}

.gridCellHighlight
{
	
}

.gridColumnHeader
{
	
	
}

.pagerBar
{
	padding-left: 10px;
	font-weight: normal;
	/*font-size: 12px;*/
	text-decoration: none;
	color: #000000;
	height: 15px;
	/*font-family: verdana;*/
	background-color: #B2B2B2;
	text-align: left;
}

.gridFooter
{
	font-weight: normal;
	/*font-size: 12px;*/
	text-decoration: none;
	color: #FFFFFF;
	height: 10px;
	/*font-family: verdana;*/
	background-color: #CCCCCC;
	text-align: left;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #FFFFFF;
}

.employees {
	display: none;
}
