/* CSS Document for BDS Teleco Site

	CONTENTS
	1. Typography
	2. Content Positioning
	3. Registration Form
	4. Footer

*/

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-position:top;
	background-repeat:repeat-x;
}

/************************************************* 1. Typography *************************************************/

h1 {
	font-size:175%;
	margin-top:0;
	margin-bottom:22px;
	color:#007AA3;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #007AA3;
	font-weight:normal;
}

h2 {
	font-size:130%;
	font-weight:bold;
}

h3 {
	font-size:125%;
	font-family:Arial, Helvetica, sans-serif;
	color:#D70F52;
	margin-top:35px;
	margin-bottom:10px;
	border-bottom:1px dotted #000000;
}

h4 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#D70F52;
	margin-top:20px;
	margin-bottom:23px;
}

h5 {
	font-size:165%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.red {
	color:#FF0000;
	font-weight:bold;
	font-size:90%;
}

#hdrForm {
	float:left;
	width:880px;
	text-align:center;
	font-size:165%;
	color:#007AA3;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #007AA3;
	z-index:5;
}

#formDisclaimer {
	margin-top:30px;
	margin-bottom:30px;
	font-size:80%;
}

.boldTxt {
	font-weight:bold;
}

.approved {
	color:#FFFFFF;
	background-color:#75A524;
	padding:8px;
}

.disapproved {
	color:#FFFFFF;
	background-color:#C10F1B;
	padding:8px;
}

.pending {
	color:#FFFFFF;
	background-color:#1920B4;
	padding:8px;
}

.dateTxt {
	font-size:80%;
	color:#333333;
}

#social {
position:absolute; width:100px; height:30px; margin-left:520px; margin-top:5px; }

#social a {
	float:left;
	margin-right:10px;
}

/************************************************* 2. Content Positioning *************************************************/

#seo {
	margin:auto;
	width:100%;
	height:16px;
	background-color:#F1C26B;
	color:#D70F52;
	font-size:70%;
	text-align:center;
	padding-top:4px;
}

#seo a {
	text-decoration:none;
}

#seo a:hover {
	color:#000000;
	cursor:default;
}

#loggedIn {
	margin:auto;
	width:100%;
	height:16px;
	background-color:#FE0000;
	color:#FFFFFF;
	font-size:70%;
	text-align:center;
	padding-top:4px;
}

#wrapper {
	margin:auto;
	width:980px;
	height:auto;
	background-color:#FFFFFF;
}

#header {
	width:100%;
	height:150px;
	background-image:url(../images/hdrBg.gif);
}

#logo {
	float:left;
	margin-left:36px;
	margin-top:15px;
	width:440px;
	height:71px;
	color:#FFFFFF;
}

#bdsLogo {
	position:absolute;
	margin-left:840px;
	margin-top:18px;
	width:125px;
	height:106px;
}

#bdsAdmin {
	position:absolute;
	margin-left:840px;
	margin-top:18px;
	width:125px;
	height:106px;
}

#logoForm {
	float:left;
	margin-left:36px;
	margin-top:15px;
	width:423px;
	height:71px;
	background-color:#CCCCCC;
	color:#FFFFFF;
}

#bdsForm {
	position:absolute;
	margin-left:840px;
	margin-top:18px;
	width:125px;
	height:106px;
}

#nav {
	clear:left;
	position:absolute;
	margin-left:-40px;
	margin-top:85px;
	height:32px;
}

#navAdmin {
	clear:left;
	position:absolute;
	margin-left:-40px;
	margin-top:85px;
	height:32px;
}

#navForm {
	clear:left;
	position:absolute;
	margin-left:-40px;
	margin-top:85px;
	height:32px;
}

#user {
	position:absolute;
	text-align:right;
	margin-left:750px;
	margin-top:160px;
	width:200px;
	height:20px;
	font-weight:bold;
	color:#333333;
}

#search {
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:120%;
}

#jobsList {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

#jobsList li {
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	background-color:#F6F6F6;
}

#jobsList li:hover {
	background-color:#E9E9E9;
}

#jobCats {
	list-style:none;
	margin-left:-50px;
}

#jobCats li {
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}

#jobCats li:hover {
	background-color:#E9E9E9;
	font-weight:bold;
}

iframe {
	width:100%;
	height:auto;
	min-height:500px;
	overflow-x:hidden;
	overflow-y:auto;
}

/************* Main Menu Navigation *************/

#menu ul {
	float:left;
}

#menu li {
	float:left;
	list-style:none;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

#menu li a {
	display:block;
	color:#F1C36B;
	letter-spacing:1px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:7px;
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	border-left:1px solid #007AA3;
}

#menu li a:hover {
	color:#000000;
	background-image:none;
	background-color:#F1C36B;
}

/************* Form Menu Navigation *************/

#menuForm ul {
	float:left;
}

#menuForm li {
	float:left;
	list-style:none;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

#menuForm li a {
	display:block;
	color:#F1C36B;
	letter-spacing:1px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:7px;
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	border-left:1px solid #007AA3;
}

#menuForm li a:hover {
	color:#000000;
	background-image:none;
	background-color:#F1C36B;
}

/************* Admin Menu Navigation *************/

#menuAdmin ul {
	float:left;
}

#menuAdmin li {
	float:left;
	list-style:none;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}

#menuAdmin li a {
	display:block;
	color:#F1C36B;
	letter-spacing:1px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:7px;
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	text-decoration:none;
	border-left:1px solid #007AA3;
}

#menuAdmin li a:hover {
	color:#000000;
	background-image:none;
	background-color:#F1C36B;
}

/***** Page States *****/

#home #navHome a, #projects #navPro a, #categories #navCat a, #viewApps #navView a, #viewJobs #navJobs a, #jobs #navJobs a {
	color:#000000;
	background-image:none;
	background-color:#F1C36B;
}

#navFormSelected {
	display:block;
	letter-spacing:1px;
	padding-left:32px;
	padding-right:32px;
	padding-top:10px;
	padding-bottom:7px;
	text-decoration:none;
	border-left:1px solid #007AA3;
	color:#000000;
	background-image:none;
	background-color:#F1C36B;
	cursor:default;
}

/************* Page Layouts *************/

#homeImage {
	float:left;
	margin-top:-15px;
	width:100%;
	height:252px;
	color:#CCCCCC;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

#pagesImage {
	float:left;
	margin-top:-15px;
	width:100%;
	height:126px;
	color:#CCCCCC;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

#register a {
	position:absolute;
	display:block;
	margin-left:615px;
	margin-top:134px;
	padding-top:8px;
	padding-left:76px;
	width:288px;
	height:32px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	background-image:url(../images/register.png);
	background-repeat:no-repeat;
	z-index:1;
}

#tagline {
	float:left;
	width:100%;
	height:28px;
	padding-top:12px;
	background-color:#D70F52;
	text-align:center;
	border-bottom:1px solid #FFFFFF;
}

#greyLine {
	float:left;
	width:100%;
	height:3px;
	background-color:#697476;
}

#welcomeText {
	float:left;
	margin-top:0;
	width:490px;
	height:260px;
	padding:60px;
	padding-top:40px;
	background-color:#FFFFFF;
	background-image:url(../images/divider.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:92%;
}

#welcomeText a {
	color:#D70F52;
}

#positions {
	float:right;
	margin-top:0;
	width:290px;
	height:260px;
	padding:50px;
	padding-top:40px;
	padding-left:30px;
	background-color:#FFFFFF;
}

#content {
	float:left;
	margin-top:0;
	width:490px;
	min-height:260px;
	height:auto;
	padding-left:60px;
	padding-right:60px;
	padding-top:40px;
	background-color:#FFFFFF;
	background-image:url(../images/dividerP.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-size:92%;
}

#contentJobs {
	float:left;
	margin-top:0;
	width:860px;
	min-height:260px;
	height:auto;
	padding-left:60px;
	padding-right:60px;
	padding-top:40px;
	background-color:#FFFFFF;
	font-size:92%;
	text-align:center;
}

#contentAdmin {
	float:left;
	margin-top:0;
	width:860px;
	min-height:260px;
	height:auto;
	padding-left:60px;
	padding-right:60px;
	padding-top:40px;
	background-color:#FFFFFF;
	font-size:92%;
	text-align:center;
}

#loginTbl {
	font-size:110%;
}

#loginTbl tr:hover {
	font-weight:bold;
}

/************* Admin Tables *************/

.tblStyle {
	border:0;
	width:100%;
}

.tblStyle td {
	padding:5px;
	border-bottom:1px solid #CCCCCC;
}

.tblStyle th {
	padding:10px;
	font-weight:bold;
	background-color:#D30F51;
	color:#FFFFFF;
}

.tblStyle tr {
	background-color:#F6F6F6;
}

.tblStyle tr:hover {
	background-color:#E9E9E9;
}

/************* Application Resume Table *************/

.tblStyle2 {
	border:0;
	width:100%;
	margin-bottom:20px;
	font-size:120%;
}

.tblStyle2 td {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #CCCCCC;
	width:50%;
}

.tblStyle2 th {
	padding:5px;
	font-weight:bold;
	background-color:#D30F51;
	color:#FFFFFF;
}

.tblStyle2 tr {
	background-color:#F6F6F6;
}

.tblStyle2 tr:hover {
	background-color:#E9E9E9;
}

.leftAlign {
	text-align:left;
}

.rightAlign {
	text-align:right;
}


#updateStat, #add, #update {
	margin-bottom:40px
}

/************************************************* 3. Registration Form *************************************************/

#registerOnline {
	position:absolute;
	width:982px;
	background-color:#FFFFFF;
	height:1240px;
	z-index:2;
	display:none;
	background-image:url(../images/hdrBg.gif);
	background-repeat:no-repeat;

}

#form {
	float:left;
	width:880px;
	height:auto;
	overflow:visible;
	padding:50px;
}

.niceTable {
	width:100%;
	border:0;
}

#closeForm {
	position:absolute;
	margin-left:895px;
	margin-top:142px;
	cursor:pointer;
	width:60px;
	height:60px;
	z-index:10;
}

/************************************************* 4. Footer *************************************************/

#imgFooter {
	float:left;
	margin-top:40px;
	width:446px;
	margin-bottom:1px;
}

#footer {
	float:left;
	text-align:center;
	width:100%;
	height:62px;
	background-color:#FFFFFF;
	background-image:url(../images/footer.gif);
}

#footerAdmin {
	float:left;
	text-align:center;
	width:100%;
	height:35px;
	background-color:#FFFFFF;
	background-image:url(../images/footerAdmin.gif);
	background-repeat:no-repeat;
	padding-top:16px;
	font-size:65%;
	color:#333333;
}

#copyright {
	float:left;
	margin-top:16px;
	font-size:65%;
	text-align:left;
	color:#333333;
}

#copyright a {
	color:#333333;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}

#copyright a:hover {
	color:#333333;
	text-decoration:none;
	border-bottom:none;
}

#ob a {
	border-bottom:none;
	color:#999999;
}

/************* 5. Links + Minor Tweaks *************/

img {
 border:none;
}

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

a:hover {
	color:#D70F52;
	text-decoration:none;
}

.yellowLine, .yellowLineAdmin {
	float:left;
	margin-top:44px;
	width:100%;
	height:5px;
	background-color:#F1C36B;
}

#button {
	margin-top:10px;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:150%;
}

#appStatus {
	margin-top:10px;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:150%;
}

#showCursor {
	cursor:pointer;
}