/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay {position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;overflow:visible;}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent iframe {display:block;width:100%;height:100%;border:0;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute;top:0;left:0;width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/*****backgrounds*****/
#cboxOverlay {background:#6E6B65;}		/*background color*/
#colorbox {}
#cboxContent {}		/*content background color*/
#cboxLoadedContent {
}
/*****backgrounds end*****/

/*****loading*****/
#cboxLoadingOverlay {background:url(/images/login/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic {background:url(images/login/loading.gif) center center no-repeat;}
/*****loading end*****/

/*#cboxClose {
	position:absolute;
	text-indent:-9999px;
	right:20px;
	bottom:45px;
	height:25px;
	width:130px;
}*/
#cboxClose.hover {background-position:0px 0px;}
/****************/
/*****MY CSS*****/
/****************/
div.clear {clear:both;}
hr {
	width:410px;
	border:none;
	border-top:1px solid #D7DADC;
	padding-bottom:10px;
}
#callback_box,
#thankyou_box {
	display:none;
}
#callback_container,
#thankyou_container {
	/*border:1px solid black;*/
	width:470px;
}
#inside_callback,
#inside_thankyou{
	background: url(/images/colorbox/background.png) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	width:470px;
	min-height:210px;
	_height:210px;
}
div#inside_callback h1,
div#inside_thankyou h1 {
	color:#45B8C8;
	margin:0px;
	padding-left:30px;
	font-size:18px;
}
div#inside_callback h1 img,
div#inside_thankyou h1 img {padding-right:5px;}

#inside_thankyou p {
	font-size:18px;
	line-height:30px;
	margin:0px 30px;
}
#inside_thankyou a {
	float:right;
	font-size:18px;
	margin:50px 30px 20px 30px;
	text-decoration:underline;
}
#callback_form a {
	display:block;
	float:right;
	margin-top:20px;
}
div.borders {float:left;}

div.borders img {float:left;}
/********************/
/*****LOGIN FORM*****/
/********************/
form#callback_form {
	color:#45B8C8;
	font-size:18px;
	font-weight:bold;
	margin:0px 30px 20px 30px;
}
form#callback_form span {
	clear:left;
	display:block;
	float:left;
	margin-bottom:30px;
	padding-top:5px;
	height:30px;
	width:160px;
}
form#callback_form input.field {
	border:none;
	background:#E8E8EB;
	color:#333;
	float:right;
	font-size:16px;
	padding:7px;
	width:230px;

}
form#callback_form input.button {
	float:right;
	margin-top:20px;
}
form#callback_form label.error,
form#callback_form p.inline-errors {
	display:none;
	float:left;
	color: #ff3300;
	font-size:13px;
	font-weight: bold;
	margin:0px 0px 10px 8px;
	padding:0px;
	width: 200px;
}