﻿/* Reset General CSS */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, del, dfn, em, img, 
dl, dt, dd, ol, ul, li,
form, label, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}


/*-------------------------------------------------------------------------------------------------
  -----------------------------------------Master Page CSS----------------------------------------
 -------------------------------------------------------------------------------------------------*/



body {
	background: #666666;
	/*background : url(images/Body_Background.jpg)repeat left top;*/
	
}


#container 
{
	/* When both Margin-left and Margin-Right are auto values then they 
               take equal values and the content is aligned to center*/
	margin-left: auto;
    margin-right: auto;
	width: 986px;
}



#header
{
	width: 986px;
	height:332px; /* Logo Image is 986 X 332 */
}

#footer {
	width: 986px;
	height:158px; /* Footer Image is 986 X 158 */
}



/* content */
#main-Content {
	margin-left: auto;
    margin-right: auto;
	background-color:#666666;
}

.master_page_table
{
	border-collapse:collapse;
	background-color:#666666;
}

.master_page_left
{
	background: url(StormImages/images/sl_02.jpg);
	background-repeat: repeat ;
	background-position: left top;
	width:60px;
	
}

.master_page_middle
{
   background-color:white;
   width:864px;
   padding-left:4px;
}

.master_page_right
{
	background: url(StormImages/images/sl_04.jpg);
	background-repeat: repeat ;
	background-position: left top;
	width:59px;
}













/* Top navigation */

#nav-top {
	background: url(StormImages/images/bg.jpg);
	background-repeat: repeat ;
	background-position: left top;
	float: left;
	padding:0px;
	width:864px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

#nav{ 
	 width:620px;
	float: left;
}
#nav-bus{ 
	width:150px; 
	float:right;
}




#nav li {
	float: left;
	border-left: 1px solid #a8adae;
	border-right: 1px solid #4e5354;
	text-align: center;
	width: 117px;
	list-style-type:none;
}
#nav li a {
	color: #eaebeb;
	display: block;
	padding: 9px 0; 
	text-decoration: none;
}

/* DAP js fix */
#nav li a:hover  {
    text-decoration: none;
    background:orange;
}
#nav li.active, 
#nav li.active a  {
    background: orange;
    color: #353c3f;
    border: none;
}



#nav-bus #customer-info {
	text-align: left;
	color: black;
	width: 200px;
	/* change width to 300px to move logout button inside*/
	float:right;
}

#LoginNameDiv
{
	float: left;
	text-align: right; 
	
}

#nav-bus #login-logout {
	padding-right: 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-top:4px
}






/*------------------------------------------------------------------------------------------------------------
---------------------------------------------LOGIN PAGE ------------------------------------------------------*/


#LoginDiv
{
	background: url(StormImages/Background_ClientLogin.jpg);
	background-repeat: repeat; 
	background-position: left top;
	margin-left: auto;
    margin-right: auto;
	width: 434px;
	height:272px; /* Login Image is 434 X 272 */
}

.LoginDiv_Table
{
	border-collapse:collapse;
	margin-top:50px;
	margin-left:50px;
	width: 334px;
	height:172px;
}

.LoginDiv_td
{
  height:45px;
 
}
.LoginDiv_tdsmall
{
  height:30px;
}
.LoginDiv_tdsmaller
{
  height:20px;
  font-size:medium;
  color:Red;
}

.LoginLabels
{
	background:#245B80;
	width:200px;
	padding-bottom:5px;
	font-weight:lighter;
	font-size:medium;
	color:White;
}


#CreateUserDiv
{
	background: url(StormImages/Background_CreateUser.jpg);
	background-repeat: repeat ;
	background-position: left top;
	margin-left: auto;
    margin-right: auto;
	width: 434px;
	height:357px; /* Login Image is 434 X 357 */
	
}

.CreateUserDiv_Table
{
	border-collapse:collapse;
	margin-top:50px;
	margin-left:50px;
	width: 334px;
	height:225px;
	
}

.CreateUserDiv_Table tr
{
   text-align:center; 
}

.CreateUserDiv_Table td
{
   
}



.CreateUserComplete_Table
{
   border-collapse:collapse;
   margin:150px 50px 150px 50px;	
}





#PrevandNextDiv
{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	padding:10px;
	padding-bottom:5px;
}




.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style3 {font-family: Verdana, Arial, Helvetica, sans-serif}

.OurCompanyDiv
{
  margin-left:5%;
  margin-right:5%;
  
  	
	}





























/*---------------------------------------------------------------------------------------------------
  ------------------------ Styles for the List pages Especially for the Grid-------------------------
*/

.content1_style{
	padding:10px;
	padding-top:50px;
	padding-bottom:50px;
}
	
.content_General{
	
	padding-top:0px;
	padding-bottom:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.choosetype {
	font-weight:bold;
	font-size:smaller;
	padding-right:10px;
}

.choosetypedropdown {
	border: 1px solid lavender;

}


.gridRowStyle,.gridAlternatingRowStyle {
    font-family:tahoma; 
    color: black; 
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    border-left: 1 solid #CCDDEF;
    border-right: 1 solid #CCDDEF;
    margin-top:20px;
    margin-bottom:20px;
}


.gridRowStyle {
    font-size: .8em;
    background-color:#FFFFFF;
}


.gridAlternatingRowStyle {
     font-size: 1em;
     background:lavender;
	/*background-color: #CADBED;*/
}

.gridRowStyle td, .gridRowStyle th,.gridAlternatingRowStyle td, 
.gridAlternatingRowStyle th {
	border-spacing:5px;
	border-collapse:separate;
	border:1px solid lavender;
	padding-top:3px;
	padding-bottom:3px;
}

.gridRowStyle th{
	background-color:silver;
	
}

.gridAlternatingRowStyle td, .gridAlternatingRowStyle th {
	border:1px solid white;
}

.gridPagerStyle {
    color:#000000; 
    background-color:#EEEEEE; 
    font-size: .7em;
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
}






.GeneralColumn {
	text-align: center;
	border-spacing: 1px;
	padding:0px 4px 0px 4px;
	vertical-align:middle;
	font-weight: normal;
	width: 5%;
}
.GeneralHeader {
	width: 5%;
	text-align: center;
	padding:0px 4px 0px 4px;
	font-weight: bold;
	background-color: #BBCCDD;
	color: #000000;
	vertical-align:middle;
}



/*-------------------Enlarge Image page-------------------------------*/
.EnlargedImage
{
	margin-left: auto;
    margin-right: auto;
}


#CreateFolderDiv
{
    background :#245B80;
	padding:10px;
	font-weight:bold;
	font-size:medium;
	color:White;
	border:solid 3px black;
	
}


#UploadFilesDiv
{
	background :#245B80;
	padding:10px;
	font-weight:bold;
	font-size:medium;
	color:White;
	border:solid 3px black;
}