@charset "utf-8";
/*	This	part	is	for	changing	membership	details	*/

div#ChngeMain{
	display:block;	position:relative;	width:auto;/* font-size:14pt; */text-align:left;	
	color:#666;	padding:6px	10px;margin:15px 10px;height:inherit;	
}

div#ChngeMain	hr{	border:1px	inset	lightgreen;	margin:4px	3px;}

div#ChngeMenu{
	float:left;	margin:5px;	background:transparent;	padding:3px;
	min-height:40px;	display:block;	text-align:left;	position:relative;
}
/*................	End	of	part	-	changing	membership	details	......
................................................*/

#ImgThumb{
	border:transparent;	border-radius:10px;	text-decoration:none;margin:2px;
	float:left;	position:relative;width:60px;	height:60px;
}

/*	...............	Search	Pagination	...................................................	*/

.pagNumActive	{	color:blue;	padding:2px;	margin:auto	2px;	font-weight:bold;	}
.paginationNumbers	a:link	{
	text-decoration:	none;	padding:3px;margin:auto;	height:inherit;
	width:inherit;/* font-size:15px; */
}

.paginationNumbers	a:visited{
	color:#510; margin:auto; border:#999 2px solid;	padding:2px;
}

.paginationNumbers	a:hover	{	color:#514;	text-decoration:underline; }
.paginationNumbers	a:active{	margin:auto;border:#999	2px	solid;	padding:2px; }

/*	End	of	search	pagination	*/
#boxlink	{
	clear:both;display:block; border:1px outset	#E0F8F7;background:white;
	padding:20px;	width:auto;	max-width:460px;color:#444;margin:20px	auto;
	/* font-size:13px; */	z-index:1;	-moz-border-radius:30px;border-radius:30px;	
	font-family:	georgia,	times,	'times	new	roman',garamond,serif;
}
#boxlink a:link{	color:#350;	text-decoration:none}	
#boxlink:hover{	color:#e00;	text-decoration:underline; border:1px outset #ccc; z-index:5;  
box-shadow:2px 3px #f2f2f2;
}

/**********	search	form ****** USED BY	SEARCH	AND	FORGOT	FORMS	*****************/

#srcBox	{	
	padding:5px;width:auto;	min-width:460px;z-index:5;font-weight:bold; border:1px outset #f2f2f2;
	margin:10px	auto; -moz-border-radius:10px 10px	0px	0px;color:#005; -o-border-radius:10px 10px	0px	0px; 
	border-radius:6px 6px 0px 0px; font-family:georgia, times,'times new roman',garamond,serif;	
	background:url(../../images/backgrounds/greyShade.png)	repeat-x right	top;
	background-color:lightcyan;
}
#srcBox	h3{	text-align:left;margin:2px auto	5px	auto;}
#srcBox	a:link{	text-decoration:underline;clear:both;margin:7px auto;float:right;	}

#srcInput{
	font-size:17px;min-height:40px  !important;	padding:5px auto;border:1px inset lightgray;min-width:210px;margin-right:0px;
	cursor:text; border-radius:4px 0px 0px 4px; -khtml-border-radius:4px 0px 0px 4px;
	-moz-border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px;
	background-color:lightcyan;
}
#srcBtn	{	
	font-weight:bold;cursor:pointer;background:transparent;text-decoration:underline;
	color:#005;border:0px  !important;/* font-size:14px; */padding:3px;
}#srcBtn :hover{background:lightcyan;}
#thumbs	{ width:95px; height:95px; float:left;	margin-right:6px; border-radius:3px; }
#clickPlay :hover{ cursor:hand; z-index:20;background:url(../../images/backgrounds/Transparent_Play.gif) center no-repeat; }
/** boxes **/

/* table styles */
thead {color:green;} tbody {color:blue;} tfoot {color:red;}
table em{ font-size:10px;/*  */color:#440;}
/* close table styles */

#middleBox { 
	clear:both;text-align:left;border:1px solid lightblue;margin:3px;font-weight:normal;
	border-radius:10px 0px 10px 0px; padding:10px;overflow:hidden;/* font-size:13px; */
}#middleBox form{ color:#696; } #middleBox h3{ margin:auto auto 12px 0px; }

#middleBox table tr td{ padding:5px; margin:6px auto; color:#666; }
#middleBox table tr td em{ color:brown;} 
#middleBox em{ color:brown; margin-right:2px; }
#middleBox hr {	border: 1px solid #633; margin:20px 1px; clear:both;	}
#middleBox table tr th a{ color:#3cc; text-decoration:underline;margin:2px;}
#middleBox a:link{ color:#09c; }#middleBox a:hover{ color:#025; }

#blueBox { 
	clear:both;border:1px solid lightblue; margin:8px auto; font-weight:normal;
	border-radius:5px 5px 2px 2px; padding:10px 7px;overflow:hidden;color:#333;
	border-top:5px solid lightblue; text-align:left;z-index:10;
	-webkit-box-shadow: 0 8px 6px -6px lightblue; -moz-box-shadow: 0 8px 6px -6px lightblue; 
	box-shadow: 0 8px 6px -6px lightblue; -o-box-shadow: 0 8px 6px -6px lightblue;
} 
#blueBox a:link { color:#004; }
#blueBox h4{ margin:10px auto; color: #055;} #blueBox em{ color:brown; margin-right:7px; }

#greenBox { 
	clear:both; margin:8px auto; font-weight:normal;
	border-radius:5px 5px 2px 2px; padding:10px;overflow:hidden;text-align:left;
	border:1px solid lightgreen;border-top:5px solid lightgreen; z-index:10;
	-webkit-box-shadow: 0 8px 6px -6px #9f6; -moz-box-shadow: 0 8px 6px -6px #9f6; 
	box-shadow: 0 8px 6px -6px #9f6; -o-box-shadow: 0 8px 6px -6px #9f6;
}
#greenBox table tr td{color:#042}#greenBox table tr th{color:#046}
#greenBox a:link{ color:orange; } #greenBox a:hover{ text-decoration:underline; 
color:#450; } #greenBox h4{ margin:10px auto; color:#050;} 
#greenBox hr{ margin:2px auto; border:1px solid #fc9; }

#greyBox { 
	clear:both;border:1px solid #777; margin:8px auto; font-weight:normal;
	border-radius:5px 5px 2px 2px; padding:10px 7px;overflow:hidden;z-index:10;
	border-top:5px solid #777; text-align:left;-webkit-box-shadow: 0 8px 6px -6px lightgrey;
	-moz-box-shadow: 0 8px 6px -6px lightgrey;box-shadow: 0 8px 6px -6px lightgrey;
	-o-box-shadow: 0 8px 6px -6px lightgrey;
}
#greyBox a:link{ color:#366; } #greyBox a:hover{ color:#444;} #greyBox h4{ margin:8px auto; color: #666;} 
#greyBox table hr{ margin:2px auto; border:1px solid #fc9; } #greyBox table { margin:auto;text-align:left;width:98%;}
#greyBox ol li{  list-style:square url(../../images/backgrounds/greyList.gif) outside; margin:5px 0px;}
#orangeBox { 
	clear:both;border:1px solid #FC9; margin:8px auto; font-weight:normal;
	border-radius:5px 5px 2px 2px; padding:10px 7px;overflow:hidden;z-index:10;
	border-top:5px solid #F7BE81; text-align:left;
	-webkit-box-shadow: 0 8px 6px -6px #f00; -moz-box-shadow: 0 8px 6px -6px #f00; 
	box-shadow: 0 8px 6px -6px #f00; -o-box-shadow: 0 8px 6px -6px #f00;
}
#orangeBox a:link{ color:#d40; }  #orangeBox a:hover{ color:#f60; } 
#orangeBox h4{ margin:10px auto; color: #630;}
#orangeBox hr{ clear:both; margin:3px auto;border:3px solid #f96;}

#brownBox {
	clear:both;border:1px solid #933; margin:8px auto; font-weight:normal;overflow:hidden;
	border-radius:5px 5px 2px 2px; padding:10px 7px;color:brown;border-top:4px solid #933;
	text-align:left;z-index:10;	-webkit-box-shadow: 0 8px 6px -6px #c00; -moz-box-shadow: 0 8px 6px -6px #c00; 
	box-shadow: 0 8px 6px -6px #c00; -o-box-shadow: 0 8px 6px -6px #c00;
}
#brownBox a:link{ color:#600; } #brownBox a:hover{ color:#400; } 
#brownBox h4{ margin:10px auto; color: #400;} #brownBox ul li a:hover{ color:#f03;}
#brownBox li li { line-height: 35px;	margin: 0px 10px;border-left: none;
	background: url(../../images/thumbs/img10.gif) repeat-x left bottom;
}

#brownBox li li a {	padding-left:20px;text-decoration: none; 
	background: url(../../images/thumbs/img10.jpg) no-repeat left 5px;
}
.purpleBox{
 padding:4px;margin:10px auto;position:relative; overflow:hidden;display:block;
 -webkit-box-shadow: 0 8px 6px -6px #90f; -moz-box-shadow: 0 8px 6px -6px #90f; box-shadow: 0 8px 6px -6px #90f; 
 -o-box-shadow: 0 8px 6px -6px #90f;border:1px solid #d8f;border-top:5px solid #d8f; /*#7E587E or #93f */
 -webkit-border-radius:5px 5px 2px 2px;-moz-border-radius:5px 5px 2px 2px; -o-border-radius:5px 5px 2px 2px; 
 border-radius:5px 5px 2px 2px;
}.purpleBox h4{ color:#303; }
.purpleBox a:link{ text-decoration:none; color:#606;} 
.advice{
 text-align:left; padding:5px 5px 30px 5px;color:#ccc;line-height:200%;min-height:50px;
 background:url(../../images/backgrounds/line2.gif) no-repeat center top;margin:4px;	
}.advice a:link{ color:#033;} /* .advice img{ margin-right:2px; height:12px;width:21px;} */

.white_block{ background: url('/studentjobs/images/backgrounds/line.gif') no-repeat bottom center; background-size:auto;
 Position:relative; display:block; float:left; margin:3px 5px;padding:2px 4px; overflow:hidden;
 width:270px;border-left:4px blue solid;border-right:4px blue solid;border-top:4px blue solid;
 border-bottom:0px;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;
 border-radius:5px; -webkit-background-size: auto;-moz-background-size:auto; -o-background-size:auto;
 -webkit-box-shadow: 0 8px 6px -6px lightblue; -moz-box-shadow: 0 8px 6px -6px lightblue; 
 -o-border-radius:0px 0px 5px 5px; box-shadow: 0 8px 6px -6px lightblue; -o-box-shadow: 0 8px 6px -6px lightblue;
}
.bubble{
 Position:relative; display:block; clear:both; margin:4px auto;padding:2px 4px;color:#003;width:325px;
 overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px; -o-border-radius:3px; 
 background: url('/studentjobs/images/backgrounds/line2.gif') no-repeat bottom center; 
 -webkit-background-size: auto;-moz-background-size:auto; -o-background-size: auto; 
 background-size: auto; -webkit-box-shadow: 0 6px 4px -4px #222; -moz-box-shadow: 0 6px 4px -4px #222; 
 border-radius:3px; box-shadow: 0 6px 4px -4px #222;  -o-box-shadow: 0 6px 4px -4px #222;
}
.cancel{
	float:right;width:20px;height:20px;margin:1px 1px 2px 2px;
	border:transparent;display:block;
}