/* -----------------------------------------------------------------------------
	[Recruite Way] Screen Stylesheet

	version:   1.0
	date:      08-06-07
	author:    [Fouad Masoud]
	email:     [support@xhtmlview.com]

	website:   [http://www.xhtmlview.com]
----------------------------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	outline: 0;
}

body{
	background: #FFFFFF url(../../images/website/BG.jpg) left top repeat-x;
	font: normal 12px/120% Arial, Helvetica, sans-serif;
	color: #818180;
}

#pageWrapper{
	width: 752px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

/* General
-------------------------------------------- */
a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

h1{
	font-size: 20px;
	font-weight: normal;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 16px;
	color: #89A1C0;
	margin-bottom: 10px;
}

h4{
	font-size: 14px;
	margin-bottom: 20px;
}

ul, ol{
	margin: 0 0 15px 25px;
}

p{
	margin-bottom: 15px;
}

/* Header
-------------------------------------------- */
#header{
	height: 83px;
	position: relative;
	padding-top: 12px;
}

#header h1{
	width: 202px;
	height: 79px;
	background: transparent url(../../images/website/logo.gif) left top no-repeat;
	overflow: hidden;
}

#header h1 a{
	display: block;
	padding-top: 85px;
}

#header ul{
	margin: 0;
	list-style-type: none;
	position: absolute;
	top: 12px;
	right: 0;
}

#header ul li{
	display: inline;
	background: transparent url(../../images/website/navLine.gif) right 2px no-repeat;
	padding-right: 21px;
}

#header ul li.fix{
	padding: 0;
	background: none;
}

#header ul li a{
	color: #5878A5;
}

#header ul li.selected{
	font-weight: bold;
}

#header ul li.both{
	font-weight: bold;
	padding: 0;
	background: none;
}

/* Content Wrapper
-------------------------------------------- */
#contentWrapper{
	position: relative;
}

#contentWrapper .content a{
	color: #89A1C0;
	text-decoration: underline;
}

#contentWrapper .content a:hover{
	text-decoration: none;
}

#contentWrapper .content h2{
	height: 35px;
	background: #F2F0EF url(../../images/website/titleCurveLeft.gif) left top no-repeat;
	line-height: 35px;
	padding-left: 13px;
	margin-bottom: 40px;
	font-weight: normal;
	font-size: 18px;
}

#contentWrapper .content h2 span{
	display: block;
	float: right;
	background: #F2F0EF url(../../images/website/titleCurveRight.gif) right top no-repeat;
	width: 9px;
}

#contentWrapper .content h5{
	height: 35px;
	line-height: 35px;
	padding-left: 13px;
	margin-bottom: 40px;
	font-weight: normal;
	font-size: 18px;
}

#contentWrapper .content img.left{
	margin: 0 15px 15px 0;
}

#contentWrapper .content em{
	font-size: 18px;
	color: #BEBBBB;
}

#contentWrapper .content small{
	display: block;
	font-size: 10px;
	color: #BEBBBB;
	margin-top: 5px;
}

#contentWrapper table td{
	padding-bottom: 15px;
}

#contentWrapper input{
	/* width: 253px; */
	height: 17px;
	border: 1px solid #7F9DB9;
	font: normal 12px Arial, Helvetica, sans-serif;
}

#contentWrapper textarea{
	width: 253px;
	height: 144px;
	border: 1px solid #7F9DB9;
}

#contentWrapper select.extraLong{
	width: 390px;
	height: 22px;
	border: 1px solid #7F9DB9;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-bottom: 100px;
}

#contentWrapper input.BTNClass{
	font-weight: bold;
	height: 22px;
	width: 96px;
	background: transparent url(../../images/website/BTNBG.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#contentWrapper input.BTNClassBig{
	font-weight: bold;
	height: 22px;
	width: 211px;
	background: transparent url(../../images/website/BTNBGBig.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#contentWrapper input.BTNClassMid{
	font-weight: bold;
	height: 22px;
	width: 136px;
	background: transparent url(../../images/website/BTNBGMid.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#contentWrapper input.radioClass{
	width: auto;
	height: auto;
	border: 0;
	float: left;
}

#contentWrapper label{
	display: block;
	margin-bottom: 5px;
}



#contentWrapper .blueWithStyle div{
	width: 240px;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	top: 80px;
	right: 70px;
	font-weight: bold;
}

#contentWrapper .blueWithStyle div ul{
	list-style-image: url(../../images/website/arrow.gif);
}

#contentWrapper .blueWithStyle div ul li{
	margin-bottom: 10px;
}


#contentWrapper .blueWithStyle2 .blueBox{
	background: #FFFFFF url(../../images/website/blueBox2.jpg) left top no-repeat;
	height: 218px;
	width: 398px;
	padding: 15px;
	float: left;
	color: #FFFFFF;
}

#contentWrapper .blueWithStyle2 .blueBox img.left{
      margin-right:30px;
}

#contentWrapper .blueWithStyle2 .blueBox p{
	margin-bottom: 3px;
}

#contentWrapper .blueWithStyle2 .blueBox input{
	margin-bottom: 7px;
}

#contentWrapper .blueWithStyle2 .orangeBox{
	background: #FFFFFF url(../../images/website/orangeBox.jpg) left top no-repeat;
	height: 218px;
	width: 206px;
	padding: 15px;
	float: right;
	color: #FFFFFF;
}

#contentWrapper .blueWithStyle2 .orangeBox .more{
	color: #FFFFFF;
}

#contentWrapper .blueWithStyle2 h2{
	padding: 0;
	background: none;
    margin-bottom:19px;
}


/* Footer
-------------------------------------------- */
#footer{
	clear: both;
	height: 14px;
	background: transparent url(../../images/website/footerBG.gif) left top repeat-x;
	position: relative;
	padding-top: 31px;
	font-size: 10px;
	margin-bottom: 10px;
}

#footer a{
	color: #818180;
}

/* Login Form
-------------------------------------------- */
#loginForm{
	height: 280px;
	width: 403px;
	background: transparent url(../../images/website/loginForm.jpg) bottom left no-repeat;
	margin: 120px auto 0;
	padding-left: 25px;
	color: #FFFFFF;
}

#loginForm h2{
	color: #FFFFFF;
	font-size: 15px;
	padding-top: 75px;
	margin-bottom: 34px;
}
#loginForm table
{
    margin:3px;
}

#loginForm table td{
	padding: 0 25px 0px 0;
}

#loginForm table.fix td{
	padding: 0 20px 10px 0;
}

#loginForm table input{
	/*width: 272px;*/
	height: 17px;
	border: 1px solid #7F9DB9;
}

#loginForm input.BTNClassBig{
	font-weight: bold;
	height: 22px;
	width: 211px;
	background: transparent url(../../images/website/BTNBGBig.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#loginForm input.BTNClassMid{
	font-weight: bold;
	height: 22px;
	width: 136px;
	background: transparent url(../../images/website/BTNBGMid.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#loginForm input.radioClass{
	width: auto;
	height: auto;
	border: 0;
	float: left;
}

#loginForm a{
	color: #FFFFFF;
	font-size: 11px;
}

#log_text
{
   margin:130px 0px -90px 289px;
}

#log_text a
{
   color:#89A1C1;
   text-decoration:underline;
}

#log_text a:hover
{
   color:#89A1C1;
   text-decoration:none;
}

#first_text
{
   font-size:16px;
   font-weight:bold;
   color:#89A1C1;
   margin:0px 0px 7px 0px;
}

#second_text
{
   font-size:13px;
   color:#898989;
   margin:0px 0px 4px 0px;
}

#third_text
{
   font-size:13px;
   color:#898989;
    margin:0px 0px 4px 0px;
}

#fourth_text
{
   font-size:13px;
   color:#898989;
}

/* Classes
-------------------------------------------- */
.left{
	float: left;
}

.right{
	float: right;
}

.dottedLine{
	height: 50px;
	background: transparent url(../../images/website/footerBG.gif) left 4px repeat-x;
}

.bigFont{
	font-size: 14px;
}

.blueBox{
	background: #F2F5F9 url(../../images/website/blueBox.gif) left top no-repeat;
	height: 53px;
	padding: 15px 10px;
	margin-bottom: 20px;
}

.blueWithStyle{
	height: 234px;
	background: #97ACCB url(../../images/website/blueWithStyle.gif) left top no-repeat;
	margin-bottom: 50px;
	padding: 15px 25px 0 25px;
	position: relative;
	overflow: hidden;
}

.blueWithStyle2{
	height: 248px;
	background: #fff url(../../images/website/or.gif) 452px 104px no-repeat;
	margin-bottom: 20px;
}

.more{
	float: right;
	display: block;
	height: 12px;
	background: transparent url(../../images/website/arrow.gif) left 5px no-repeat;
	padding-left: 17px;
}

/*-------By me------------*/
#forget
{
    margin:0px 0px 13px 0px;
} 

.fake_textbox
{
    position:relative;
    bottom:238px;
    left:94px;
}

#loginForm #checkrow input
{
    border:0px;
    margin:0px 0px 0px 89px;
    width:20px;
    
}

#loginForm #logtable
{
    width:366px;
    margin:0px 0px 0px 0px;
  
}

#loginForm #logtable td{
	padding: 0 0px 0px 0;
}
#fake_div
{
	width: 403px;
	margin: 120px auto 0;
	padding-left: 25px;
	color: #FFFFFF; 
}
/*-----------Support----*/
#support1
{
    width:365px;
} 

#cell2  input
{
    border:0px;
} 


.radmargin
{
    margin-bottom:5px;
}

#support1 #radgen
{
    margin: 0px 3px 0px 0px;
    vertical-align:bottom;
}

#support1 #radsales
{
    margin: 0px 3px 0px 0px;
    vertical-align:bottom;
}

#support1 #radtech
{
    margin: 0px 3px 0px 0px;
    vertical-align:bottom;
}

.custom_val
{
    display:none;
}

/*-----------Create Account----*/
#sumcreate
{
  margin:0px 0px -15px 0px;
}

#create_tab1
{
    width:398px;
}

#create_tab2
{
    width:398px;
}

p .sss{
	margin-bottom: 15px;
}

/*----------Forget Password----*/

#forget_table
{
    width:372px;
}

#loginForm #forget_table td
{
    padding: 0 0px 0px 0;
}

#loginForm input.forget_btn{
	font-weight: bold;
	height: 22px;
	width: 144px;
	background: transparent url(../../images/website/forget_btn.gif) left top no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
}

#loginForm #h2_change
{
    color: #FFFFFF;
	font-size: 15px;
	padding-top: 75px;
	margin-bottom: 34px;
    margin-left:-1px;
}

#loginForm #par_1
{
     width:375px;
}

#loginForm #notuser
{
    color:Red;
}

#loginForm .fake_div
{
    margin:-5px 0px 0px 0px;
}
/*-------Features--------*/
#table_features
{
    width:529px;
}

#table_features div.blue_feat
{
    font-size: 16px;
	color: #89A1C0;
	margin-bottom: 10px;
    font-weight:bold;
}

#contentWrapper  #table_features td
{
    padding:0px 0px 0px 0px;
}

/*------Support--------*/
 #lblsent
{
    color:Red;
    
}