/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : CareerCore CSS for lightBox

Author : Frank Ku / frank@bussedesign.com
URL : http://www.careercore.com/

Created : 06/06/2008
Modified : 06/06/2008

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.black_overlay {
	display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:10001;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}

.lightboxWrapper {
    display: none;
    position: absolute;
    top: 15%;
    left: 25%;
    width: 541px;
    background-color: white;
    z-index:10002;
    overflow: auto;
    background:url('../Images/lightbox_btm.jpg') no-repeat 0px 100%;
   	color:#333333;
    padding:0px 0px 10px 0px;
}

.lightboxWrapperSmall {
    display: none;
    position: absolute;
    top: 15%;
    left: 25%;
    width: 433px;
    background-color: white;
    z-index:10002;
    overflow: auto;
    background:url('../Images/lightbox_small_btm.jpg') no-repeat 0px 100%;
   	color:#333333;
    padding:0px 0px 10px 0px;
}

.lightbox {
	background:url('../Images/lightbox_top.jpg') no-repeat 0px 0px;
}

.lightboxSmall {
	background:url('../Images/lightbox_small_top.jpg') no-repeat 0px 0px;
}


.lightbox h1,
.lightboxSmall h1 {
	font-size:18px;
	width:480px;
	float:left;
	margin:20px 0px 20px 20px;
}

.lightboxSmall h1 {
	width:350px;
	margin:10px 0px 10px 20px;
}

.closeBtnDiv {
	float:right;
	margin:10px 10px 0px 0px;
}

.lightboxContent {
	clear:both;
	border-top:2px solid #61B72D;
}

.formTable {
	margin:20px;
	width:501px;
}

.formTableSmall {
	margin:20px;
	width:413
}

.hint {
	font-size:14px;
	color:#CC6633;
}

.hintCol {
	padding-top:10px;
	font-size:10px;
	color:#CC6633;
	text-align:right;
}

.labelCol {
	padding-top:10px;
	font-weight:bold;
}

.instructCol {
	padding:20px 0px 0px 15px;
	color:#333333;
}

.loginLink {
	font-size:14px;
}

.fieldCol {
	width:309px;
}

.regTextFieldLong {
	width:303px;
	padding:4px 3px 4px 3px;
	border:1px solid #CCCCCC;
}

.textareaField {
	width:303px;
	padding:4px 3px 4px 3px;
	border:1px solid #CCCCCC;
}

.regSelect {
	width:309px;
	padding:0px 0px 0px 3px;
	height:20px;
}

.regTextFieldShort {
	width:130px;
	padding:4px 3px 4px 3px;
	border:1px solid #CCCCCC;
}

.passwdWarning {
	font-size:10px;
	font-style:italic;
	padding-left:10px;
	color:#CC6633;
}


.lightBoxBtm {
	line-height:44px;
	border-top:1px solid #61B72D;
	text-align:right;
	padding:15px 20px 0px 0px;
}

a.submitBtn {
	font-size:14px;
	color:#FFFFFF;
	background:url('../Images/blueBtn.jpg') no-repeat 0px 0px;
	padding:6px 10px 6px 10px
}

a.submitBtn:hover {
	text-decoration:none;
	background:url('../Images/blackBtn.jpg') no-repeat 0px 0px;
}

.lightbox h1.greenText {
	font-size:24px;
	float:float;
	margin:16px 0px 16px 20px;
	color:#61B72D;
}

.lightboxContent p.noTable {
	margin:20px 15px 20px 20px;
	font-size:14px;
}

.greyBk {
	background-color:#EDEDED;
}

a.laterBtn {
	font-size:14px;
	color:#FFFFFF;
	background:url('../Images/blueBtn.jpg') no-repeat 0px 0px;
	padding:6px 10px 6px 10px
}

a.laterBtn:hover {
	text-decoration:none;
	background:url('../Images/blackBtn.jpg') no-repeat 0px 0px;
}

a.filloutBtn {
	font-size:14px;
	color:#FFFFFF;
	background:url('../Images/greenBtn.jpg') no-repeat 0px 0px;
	padding:6px 10px 6px 10px
}

a.filloutBtn:hover {
	text-decoration:none;
	background:url('../Images/blackBtn.jpg') no-repeat 0px 0px;
}

.btnSpan {
	margin-right:10px;
}