/* Light Blue: #0030cc; Dark Blue: #042499; */
/*------------/ HTML /-----------*/
body {
    margin: 0px;
    padding: 0px;
    font-family: verdana, 'lucida grande', arial, helvetica, sans-serif;
    font-size: 10pt;
    background: #f1f1f1 url('../../images/bg_body.gif') 0 0 repeat-x;
    color: #000;
}

textarea {
    width: 100%;
}

img {
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    text-align: left;
    margin: 0px auto;
    width: 100%;
}

a {
    color: #042499;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0px;
}

/*------------/ CONTAINER /-----------*/
#container {
    width: 960px;
    margin: 0px auto;
}

#main {
    background: #fff url('../../images/bg_main.gif') 0 100% repeat-x;
    border-bottom: 1px solid #b3b3b3;
    padding: 15px 15px 0px 15px;
}

/*------------/ HEADER /-----------*/
#header {
    background: #002290 url('../../images/bg_header.gif') 0 0 repeat-x;
    height: 90px;
}
    #header .logo {
        float: left;
    }
    
    #header .user_info {
        color: #fff;
        float: right;
        text-align: right;
        height: 90px;
    }
    
        #header .user_info .welcome {
            font-size: 16px;
        }
    
        #header .user_info a {
            font-size: 14px;
            padding: 5px;
            color: #fff;
            text-decoration: none;
        }
        
        #header .user_info .top {
            padding:  5px 15px;
        }
        
        #header .user_info .bottom {
            padding: 28px 15px 0px 0px;
        }

/*------------/ SEARCH /-----------*/

#search_header {
    background: #eee url('../../images/bg_search_2.jpg') repeat-x bottom;
    padding: 0px;
    border-bottom: 3px double #eddfd0;
    height: 40px;
}

* html #search_header {
    height: 1px;
    position: relative;
    top: -2px; }

#search_header ul {
    margin: 0px;
    padding: 0px;
}

#search_header li {
    background: 0px;
    line-height: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    float: left;
    display: block;
	font-family: 'lucida grande', arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}

#search_header a {
    text-decoration: none;
    font-size: 16px;
    border: 0px;
    float: left;
    height: 40px;
    display: block;
    padding: 0px 13px;
    color: #000;
}

#search_header a:hover {
    background: #eee url('../../images/bg_search_1.jpg') repeat-x bottom;
    border: 1px solid #dfd3c1;
    padding: 0px 12px;
    color: #000;
    border-width: 0px 1px;
}

#quick_search {
    float: right;
    margin-top: 8px;
    margin-right: 15px;
}

    #quick_search span {
        display: block;
        float: left;
        background-color: #fff;
        padding: 1px;
        border: 1px solid #d1c3b0;
    }


/*------------/ CONTENT /-----------*/
#content {
    width: 930px;
}

    #content #title {
        padding: 0px 0px 10px 0px;
        font-size: 22px;
    }

/*------------/ TABS /-----------*/
.tab {
    clear: both;
    float: left;
    margin-bottom: -1px;
    list-style: none;
}

    .tab li {
        float: left;
        margin-right: 1px;
    }
    
        .tab li a, .tab li a em {
            background: url('../../images/bg_tab.gif') 0 0 no-repeat;
        }
        
        .tab li a {
            float: left;
            text-decoration: none;
            color: #444;
            border-bottom: 1px solid #b3b3b3;
        }
        
        .tab li a em {
            display: block;
            margin-left: 8px;
            padding: 7px 16px 6px 8px;
            font-size: 16px;
            font-style: normal;
            background-position: 100% 0;
        }
        
        .tab li a:hover {
            text-decoration: none;
            background-position: 0 -50px;
        }
        
        .tab li a:hover em {
            color: #ffa200;
            background-position: 100% -50px;
        }
        
        .tab li.active a, .tab li.active a:hover {
            background-position: 0 -100px;
            border-width: 0;
        }
        
        .tab li.active a em, .tab li.active a:hover em {
            padding-bottom: 7px;
            font-weight: bold;
            color: #000;
            background-position: 100% -100px;
        }

/*------------/ SUB TABS /-----------*/
#sub_tab {
    width: 930px;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    border-bottom: 1px solid #b3b3b3;
	text-align:justify;
}
    #sub_tab #two_column {        
        float: left;
        width: 915px;
    }
    
    #sub_tab #two_column_left {
        margin-right: 15px;
        float: left;
        width: 550px;
    }
        
    #sub_tab #two_column_right {
        float: left;
        width: 365px;
    }
    
    #sub_tab #two_column_left_profile {
        margin-right: 15px;
        float: left;
        width: 365px;
    }
    
    #sub_tab #two_column_right_profile {
        float: left;
        width: 550px;
    }
    
    #sub_tab #sub_div {        
        width: 70%;
        text-align: left;
    }
    
    #sub_tab .content_box_title {
        margin-top: 15px;
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #b3b3b3;
        border-bottom: 0px;
        background: #eee url('../../images/bg_main.gif') 0 100% repeat-x;
    }
    
    #sub_tab .content_box_body {
        padding: 5px;
        border: 1px solid #b3b3b3;
    }
    
    #sub_tab .snapshot_image {
        margin-top: 15px;
        overflow: hidden;
        width: 360px;
        height: 110px;
        border: 3px double #99886f;
        background-color: #eee;
    }
    
    #sub_tab .snapshot_image_large {
        margin-top: 15px;
        overflow: hidden;
        width: 545px;
        height: 144px;
        border: 3px double #99886f;
        background-color: #eee;
    }
	
	#sub_tab .homepage_orange {
		font-size: 14px;
		padding: 15px;
        margin-top: 15px;
        overflow: hidden;
        width: 515px;
        border: 3px double #99886f;
        background-color: #ffa200;
    }
    
        #sub_tab .snapshot_image_large img {
            width: 545px;
            height: 144px;
        }
    
    #sub_tab .profile_image {
        margin: 15px auto 0px auto;
        border: 3px double #99886f;
        background-color: #eee;
        max-width: 360px;
        max-height: 500px;
    }
    
    #sub_tab .wrapper {
        margin-top: 15px;
    }
    
        #sub_tab .wrapper img {
            margin-right: 15px;
        }
        

/*------------/ REVIEWS /-----------*/
.review {
    width: 100%;
}

    .review .left_column {
        padding: 15px;
        width: 50px;
        float: left;
    }
    
    .review .right_column {
        padding: 15px 15px 15px 0px;
        width: 440px;
        float: left;
    }
    
        .review .right_column .title {
            font-size: 14px;
            color: #ffa200;
        }
        
        .review .right_column .grade_title {
            font-size: 14px;
            color: #333;
        }
        
        .review .right_column .grade {
            font-size: 14px;
            color: #cc0000;
        }
        
        .review .right_column .review_text {
            text-align: justify;
        }
		
		.recruit_review_text {
			text-align: justify;
			padding: 10px;
			border-top: 1px dashed #aaa;
			border-bottom: 1px solid #ffa200;
			margin: 10px 0px;
		}

.rate_review {
    text-align: left;
    width: 300px;
    margin: 0px auto;
}

    .rate_review .grade {
        font-size: 18px;
        color: #ffa200;
        float: left;
    }
    
    .slider_rail {
        float: left;
        width: 260px;
        height: 22px;
        background: #fff url('../../images/slider_rail.gif');
    }
    
    .slider_knob {
        width: 12px;
        height: 22px;
        background: #fff url('../../images/slider_knob.gif');
        cursor: move;
    }

/*------------/ TABLES /-----------*/
td.label {
    color: #777;
    vertical-align: top;
}

td.text {
    padding-left: 10px;
    vertical-align: top;
	text-align:justify;
}

table.search_result {
    margin: 0px 0px 15px 0px;
    width: 100%;
    border: 1px solid #eee;
    padding: 5px;
}

    table.search_result td.search_result_image {
        width: 110px;
        padding-right: 5px;
    }
    
    table.search_result td.search_result_action {
        width: 160px;
        padding-left: 5px;
    }

td.label_profile {
    color: #777;
    width: 120px;
}

/*------------/ PROFILE WHITEBOARD /-----------*/

table.whiteboard_message {
	margin: 10px 10px 0px 10px;
}

td.whiteboard_image {
	width: 70px;
}

/*------------/ FOOTER /-----------*/

#footer {
    color: #000;
    text-align: center;
    padding: 5px 0px;
}

/*------------/ ../../images /-----------*/
.percent_wrapper {
    margin: 15px auto;
    width: 300px;
}

.percent_container {
    border: 3px solid #000;
    background-color: #eee;
	height: 21px;
}

.dashed_line {
    border-bottom: 1px dashed #aaa;
    height: 15px;
    width: 100%;
    margin-bottom: 15px;
}

/*------------/ CSS HACKS /-----------*/
.clear_both {
    clear: both;
}

/*------------/ COLORS /-----------*/
.info_message {
    color: green;
    background-color: #FFFFCC;
}
.error_message {
    color: red;
    background-color: #FFFFCC;
}
.error_message a {
    color: red;
    background-color: #FFFFCC;
    text-decoration: underline;
}
.gray_text {
    color: #ccc;
}
.orange_text {
    color: #fb8f02;
}
.orange_text_large {
    color: #fb8f02;
    font-size: 18px;
}
.blue_text {
    color: #042499;
}

/*------------/ CSS AUTO-COMPLETE /-----------*/

div.autocompleter-loading
{
    float:					left;
    clear:					right;
    background:				#fff url('/includes/js/ajax-spin.gif') no-repeat center;
    width:					20px;
    height:					16px;
}

ul.autocompleter-choices
{
    position:				absolute;
    margin:					0;
    padding:				0;
    list-style:				none;
    border:					1px solid #eee;
	font-size:              14px;
    background-color:		white;
    border-right-color:		#ddd;
    border-bottom-color:	#ddd;
    text-align:				left;
    /*font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    z-index:				50;
}

ul.autocompleter-choices li
{
    position:				relative;
    padding:				0.1em 1.5em 0.1em 1em;
    cursor:					pointer;
    font-weight:			normal;
    /*font-size:				0.8em;*/
}

ul.autocompleter-choices li.autocompleter-selected
{
    background-color:		#444;
    color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
    font-weight:			bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
    color:					#9fcfff;
}
.input_text, .input_select {
    width: 250px;
}