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

body {
	background: #f4f4f5 url(images/bg_gradient.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #6a6666;
}

p {
	font-size: 20px;
	color: #484141;
	margin: 0px;
}

h1 {
	font-size: 30px;
	line-height: 38px;
	font-weight: normal;
	margin: 0px;
	color: #484141;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	margin: 0px;
	color: #484141;
}

a:link {
	color: #008ac6;
}

a:hover {
	color: #016591;
}

a:visited {
	color: #008ac6;
}

#mainContainer {
	width: 960px;
	margin: 0 auto;
	margin-top: 25px;
}

.clearer {
	clear: both;
}

.loginBar {
	width: 960px;
	float: left;
	margin: 10px 0px 20px 0px;
	color: white;
}

.loginBar h2 {
	float: left;
	margin: 0px;
	font-style: italic;
	color: white;
}

.loginBarLeft {
	background: url(images/bg_login_br_left.gif) no-repeat;
	width: 20px;
	height: 67px;
	float: left;
}

.loginBarCenter {
	background: url(images/bg_login_br.gif) repeat-x;
	width: 920px;
	height: 67px;
	float: left;;
}

.loginBarRight {
	background: url(images/bg_login_br_right.gif) no-repeat;
	width: 20px;
	height: 67px;
	float: left;
}

.loginBoxes { 
	margin: 20px 0px 0px 50px;
}

.loginLabel {
	float: left;
	margin: 5px 10px 0px 30px;
	font-size: 18px;
}

.loginField {
	float: left;
	height: 25px;
	margin-right: 10px;
	position: relative;
	bottom: 3px;
	font-size: 16px;
}

.button_login {
	background: url(images/login_bttns_bluebg.gif) repeat 0px 0px;
	height:24px;
	width: 80px;
	border: 0px;
	display: block; 
	position: relative;
	top: 3px;
}


.button_login:hover { 
background: url(images/login_bttns_bluebg.gif) repeat 0px 24px; 
}


.contentBox {
	width: 100%;
	margin-top: 20px;
}

.regBox {
	width: 600px;
	float: left;
	margin-right: 30px;
}

.regBox h2 {
	color: #028bc7;
	line-height: 60px;
	margin-bottom: 20px;
	border-bottom: solid 1px #c2c1c1;
}

.regForm {
	width: 100%;
	margin: 20px 0px 10px 0px;
}

.formRow {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	
}

.fieldLabel {
	font-size: 16px;
	margin-right: 5px;
}

.regField {
	float: left;
	height: 25px;
	margin: 10px 10px 0px 0px;
	position: relative;
	bottom: 3px;
	font-size: 16px;
	width: 250px;
}

.regFieldLong {
	float: left;
	height: 25px;
	margin: 10px 10px 0px 0px;
	position: relative;
	bottom: 3px;
	font-size: 16px;
	width: 475px;
}

.formItem {
	float: left;
}

.button_register {
	background: url(images/register_bttns_graybg.gif) repeat 0px 0px;
	height:24px;
	width: 80px;
	border: 0px;
	display: block; 
	position: relative;
	top: 10px;
}

.button_save {
	background: url(images/save_bttns_graybg.gif) repeat 0px 0px;
	height:24px;
	width: 80px;
	border: 0px;
	display: block; 
	position: relative;
	top: 10px;
}


.button_register:hover { 
background: url(images/register_bttns_graybg.gif) repeat 0px 24px; 
}

.quoteBox {
	width: 300px;
	margin-top: 30px;
	float: right;
	color: #55add6;
	font-style: italic;
	font-size: 22px;
	font-weight: normal;
}

.leftImage {
	float: left;
	margin-right: 10px;
}

.alertTxt {
	font-size: 14px;
	position: relative;
	top: 5px;
}

.keywordTitle {
	font-size: 20px;
	color: #484141;
	margin: 0px;
}

.keywordBox {
	float: left;
	width: 930px;
	background: white;
	border: 1px solid #3ea7da;
	padding: 15px;
	margin-top: 15px;
}

.keywordRow {
	float:left;
}

.keyword {
	float: left;
}

.keyword:hover {
	text-decoration: underline;
}

.keywordListBox {
	padding: 5px;
	float: left;
	font-size: 12pt;
	//text-decoration: underline;
	color: #008AC6;
}

.keywordListBox:hover {
	backgroun-color: white;
}

.keywordTxt {
	color: #3ea7da;
	float: left;
	margin:0px 5px 0px 0px
}

.keywordRemove {
	background: url(images/remove_bttns_red.gif) repeat 0px 0px;
	height:15px;
	width: 15px;
	border: 0px;
	display: block; 
	float: left;
	margin-right: 15px;
}


.keywordRemove:hover { 
background: url(images/remove_bttns_red.gif) repeat 0px 16px; 
}

.keywordRemove span { 
display: none; 
}

.addBox {
	margin-top: 20px;
	float: left;
}

.button_add {
	background: url(images/add_bttns_whitebg.gif) repeat 0px 0px;
	height:24px;
	width: 80px;
	border: 0px;
	display: block; 
	position: relative;
	top: 10px;
}


.button_search {
	background: url(images/search_bttns_whitebg.gif) repeat 0px 0px;
	height:24px;
	width: 80px;
	border: 0px;
	display: block; 
	position: relative;
	top: 10px;
}

.button_search:hover {
	background: url(images/search_bttns_whitebg.gif) repeat 0px 24px
}

.button_add:hover { 
background: url(images/add_bttns_whitebg.gif) repeat 0px 24px; 
}


.userBox {
	float: left;
	width: 930px;
	background: #e8f5fb;
	border: 1px solid #3ea7da;
	padding: 15px;
	margin-top: 10px;
}


.user {
	float: left;
	margin-bottom: 20px;
}

.userTxt {
	color: #3ea7da;
	float: left;
	margin:0px 5px 0px 0px
}

.userRemove {
	background: url(images/remove_bttns_blue.gif) repeat 0px 0px;
	height:15px;
	width: 15px;
	border: 0px;
	display: block; 
	float: left;
	margin-right: 15px;
}


.userRemove:hover { 
background: url(images/remove_bttns_blue.gif) repeat 0px 16px; 
}

.userRemove span { 
display: none; 
}

.userStatusBox {
	z-index: 100;
	position: relative;
	left: 120px;
	bottom: 30px;
}
.userStatus {
	font-size: 12px;
}

.userEmail {
	font-size: 12px;
	font-weight: bold;
	color: #484141;
}

.errorBox {
	margin-top: 10px;
	width: 940px;
	padding: 10px;
	text-align: center;
	color: #c64b0f;
	font-size: 20px;
	font-weight: bold;
	background: #f9ffea;
	border: 1px solid #e8c84e;
//	display:none;
}

#footer {
	width: 100%;
	margin-top: 20px;
	float: left;
	font-size: 12px;
	color: #afacac;
}

#imagedreamer {
	margin-top: 20px;
	float: left;
}