@charset "utf-8";
/* CSS Document */

body {
	
	background-image:url(../images/sky4.png);
	background-repeat:repeat-x;
	background-color: #f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}
	
#wrap {
	width:960px;
	margin: 10px auto;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:5px;
}


a {
	color: #ff6600;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline; color: #000000;
}

#header {width:960px; height:195px; background-image:url(../images/sky1a.png);}

#logo {width:185px; height:100px; float:left; }

.left{float:left;}

#menu1 {width:766px; float:right; margin-bottom:25px; height:100px;}

.menu1 li {display: inline; line-height:20px;}
.menu1 a {display: inline;  background-color:#ebf9fd; padding: 10px 12px 10px 12px; display: block; float: right;  width: 90px; text-align:center; color:#296981; font-size: 12px; font-weight:bold; margin-right:5px; border:1px solid #b8e6f7;}
.menu1 a:hover {background-color:#ffffff; color:#296981;  }
.menu1 .select a {background-color:#376699; color:#ffffff; }

#title1{width:450px; height:44px; float:left; color:#6283a8; font-size:24px; font-weight:bold; padding-left:15px; line-height:68px;}

#title2{width:500px; height:64px; float:left; color:#6283a8; font-size:24px; font-weight:bold; padding-left:10px; line-height:68px;}

#add{width:238px; height:32px; float:right;  margin-right:5px; line-height:20px;}
#add a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/add1.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#add a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

#edit{width:238px; height:32px; float:right;  margin-right:5px; line-height:20px; margin-top:20px;}

#edit a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/edit1.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#edit a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}



#save{width:140px; height:32px; float:right;  margin-right:5px; line-height:20px; margin-top:20px;}
#save a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/save.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#save a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

#cancel{width:140px; height:32px; float:right;  margin-right:5px; line-height:20px; margin-top:20px;}
#cancel a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/cancel.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#cancel a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

#import {width:230px; height:32px; float:right;  margin-right:5px; line-height:20px;}
#import a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/import.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#import a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

#export {width:180px; height:32px; float:left;  margin-right:5px; line-height:20px; margin-top:10px; }
#export a { color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/export.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#export a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}

#delete {width:140px; height:32px; float:right;  margin-right:5px; line-height:20px; margin-top:20px;}
#delete a {color:#ff6600; font-size:16px; font-weight:bold; background-image:url(../images/delete.png); background-repeat:no-repeat; padding: 5px 12px 5px 34px; display: block; background-color:#ebf9fd; border:1px solid #b8e6f7;}
#delete a:hover {color:#000000; text-decoration:none; background-color:#ffffff;}



#search {width:480px; height:28px; float:right; text-align:center;  padding-top: 5px; color:#FFF; background-image:url(../images/tab1.png); margin-top:5px;}
#search a {
	color: #ffffff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

#search a:hover {
	text-decoration: underline; color: #000000;
}

.links { width:940px; background-color:#ffffff; clear:both; margin-top:10px;  margin-bottom:10px; padding:5px 5px 5px 20px; line-height:20px;}

.links .title{ color:#6283a8; font-size:16px; font-weight:bold;}

.links a{ color:#ff6600; font-size:13px; font-weight:bold; padding-left:15px; background-image:url(../images/arrow.gif); background-repeat:no-repeat;}

#main { width:960px; background-color:#ffffff; clear:both; margin-top:1px}


.title1 { font-size: 12px; font-weight:bold; color:#315073;}
.text-box1 {padding:20px; line-height:18px;}


#login {
	width:550px;
	height:250px;
	margin: 0px auto;
	margin-top:100px;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:2px;
	background-image:url(../images/login.png);
	background-repeat: no-repeat;
	border:1px solid #d1f1fa;
}

#login .info {float: right; width:220px; margin-top:40px} 
#login input{width:150px;}

#login_footer {
	width:550px;
	margin: 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #88aeba;
	padding:2px;
	text-align:center;
}



/* Table 1*/

.table_1 table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.table_1 td, th {
  border: 1px dotted #999999;
  padding: 4px;
  color: #000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #f5f5f5;
  font-weight:bold;
  color:#315073;
  padding:10px 10px 10px 10px;
  vertical-align:top;
  
  }

.table_1 thead th, tfoot th {
  font-size: 14px;
  border: 1px solid #556b82;
  text-align: left;
  background: #6283a8;
  color: #ffffff;
  padding:8px;
  line-height:13px;
}
.table_1 thead th a {
	color: #ffffff;
}
  
.table_1 tbody td a {
  background: transparent;
  text-decoration: none;
  color: #ff6600;
  font-weight:bold;
  }

.table_1 tbody td a:hover {
  text-decoration:underline;
}


.table_2 table {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	background: #edfafd;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;

}

.table_2 td, th {
  border: 1px dotted #999999;
  padding: 4px;
  color: #000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #edfafd;
  font-weight:bold;
  color:#315073;
  padding:10px 0 10px 10px;
  vertical-align:top;
  }
  

.table_2 thead th, tfoot th {
  font-size: 14px;
  border: 1px solid #556b82;
  text-align: left;
  background: #6283a8;
  color: #ffffff;
  padding:8px;
  line-height:13px;
  }
  
  
.table_2 tbody td a {
  background: transparent;
  text-decoration: none;
  color: #ff6600;
  font-weight:bold;  
  }
  
.table_2 tbody td a:hover {
  text-decoration:underline;
}


.drop td {background: #ffffff;}

input, textarea, select {width:200px; font-family:Arial, Helvetica, sans-serif;  font-size:12px; color:#315073;}

#selectaddress, #btnFetch {width: auto !important; }
.checkbox {width:auto;}

#paging {float:right; margin-top:15px; margin-bottom:5px; background-color:#6283a8; padding:10px 5px 10px 5px;}
#paging td{text-align:center;padding:0 10px;}
#paging a {
	color: #ffffff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
}

#paging a:hover {
	text-decoration: underline; color: #000000;
}



#footer { width:960px; background-color:#ffffff; height:80px; clear:both; background-image:url(../images/sky3.png); background-repeat:no-repeat;}

#footer .text{padding:20px; text-align:right;}


/* ON-SCREEN MESSAGES */
.updated, .updated2, .success, .error {
	width: 947px;

	padding: 5px;
	color: #4d4d4d;
	margin: 0.5em -1px;
	text-align: center;	
	clear:both;
	float:none;
}
.updated {
	background-color: #FFFBCC;
	border: solid 2px #F7F1A3;
	background-image: url(../img/alert.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

.success {
	background-color: #D1ECB9;
	border: solid 2px #93CC61;
}
	.success.narrow, .updated.narrow, .error.narrow {
		width: 528px;	
	}
	.success.login {
		width: 180px;
		clear:both;
		text-align: left;
	}
.error {
	background-color: #FFECE8;
	border: solid 2px #FF0000;
	background-position:  5px 5px;
	
}
	.error.login {
		width: 180px;
		clear:both;
		text-align: left;
	}
	
.highlightField {
	border: solid 1px #FF0000;
}

img.tickbox {
	margin: 0px 5px 3px 4px;
	float: left;
}

/* ADDRESS BOOK */
img.lookup {
	cursor: pointer;
}

div.address-book {
	width: 500px;
	height: 300px;
}
	div.address-book ul {
		list-style-type: none;
		margin: 0.7em 0;
		margin-left: 0px !important;
		list-style-position: inside;
		float: left;
		padding-left: 7px; 
	}
		div.address-book ul li {
			float: left;
			margin-right: 0px !important;
		}
	div.address-book div.list {
		width: 500px;
		float: left;
		padding-top: 10px;
	} 
		div.address-book div.list div.list-container {
			width: 465px;
			height: 250px;
			padding-left: 15px;
		}
			div.address-book div.list div.list-container p.head {
				border-bottom: solid 1px #d1d1d1;
				padding-bottom: 3px;
			}
			
/* TOOLTIP */

div.tooltip {
	width: 428px;
	height: 219px;
	position: absolute;
	background: url(../images/tooltip.png) 0 0 no-repeat;
	padding: 35px 30px;
}
	div.tooltip a.close {
		position: absolute;
		bottom: 25px;
		right: 35px;
	}
	div.tooltip ul {
		list-style-type: none;
		margin: 0.7em 0;
		margin-left: 0px !important;
		list-style-position: outside;
		float: left;
		padding-left: 10px; 
	}
		div.tooltip ul li {
			float: left;
			margin-right: 5px !important;
		}
	div.tooltip img.spinner {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -110px;
		z-index: 10;
	}
	div.tooltip #contact-list {
		border: solid 1px #d1d1d1;
		width: 400px;
		height: 140px;
		float: left;
		margin-left: 5px;
		padding: 5px;
		font-size: 12px;
		overflow: auto;
	}
		div.tooltip #contact-list li {
			padding: 10px;
			border-bottom: dotted 1px #d1d1d1;
			cursor: pointer;
		}
			div.tooltip #contact-list li:hover {
				background-color: #f1f1f1;
			}
			
input.upload {
	width: 400px;
	padding: 5px;
}