* {
	margin: 0;
	padding: 0;
}
html {
	background: #fff url("../images/html.png") repeat-x left top;
}
body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #677780;
	background: url("../images/body.png") repeat-y left top;
	width: 960px;
	margin: 0 auto 30px auto;
	position: relative;
}
h1 { 
	font-size: 24px;
	font-weight:bold;
}

img {
	border:none; 
}

h2 {
	font-size: 22px;
	font-weight:bold;
}

table {font:inherit; font-size:100%; color:inherit; border-collapse:collapse;}

table td {padding:2px}

.page {
	background: url("../images/page.png") no-repeat left top;
	padding: 28px 64px 0 24px;
	width: 910px; 
}




.section {width:90%; margin-bottom:15px; color: #677780; background-color:#EEEEEE; padding:10px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border: solid 2px #9DB5C1;}
.section .heading {color:#black; font-weight: bold; font-size:14px; margin-bottom:5px; padding: 5px;}

#header {text-align:center;}
a {color:#677780}
#header a.logo { color:red; background-clip: content-box; margin-left:20px; width: 429px; height: 80px; display: block; text-decoration: none; text-indent: -9999px; background: url(../images/logo_grey.png) no-repeat; }
#navlinks a {font-size:14px;}

.greybox {color: #677780; background-color:#EEEEEE; padding:10px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border: solid 2px #9DB5C1;}

#splash_datainput {color: #677780; background-color:#EEEEEE; padding:10px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border: solid 2px #9DB5C1;}
#splash_datainput .heading {color:#black; font-weight: bold; font-size:14px; margin-bottom:5px;}
#splash_datainput a {font-size:100%; margin:5px;}
#splash_datainput .row input{float:right; width:40%; text-align:left; margin:2px 0; margin-right:18%;}
#splash_datainput .row label{float:left; width:20%; text-align:right; margin:2px 0; margin-right:2%;}
#splash_datainput .row{clear:both;}

#workarea {margin-top:10px; width:930px; height:600px; clear:both;}
#front_page_right {margin-left:11px; width:425px; float:left;}
#sample_website_img {margin-top:40px;}
#get_started_btn {margin-top:5px;}
#website_preview {float:left; width:425px; height:450px; text-align:center;}
#get_started_box {text-align:center; font-size:24px; width:425px; height:150px; text-align:center;}
#front_marketing_text {font-size:18px; margin-left:20px; margin-top:20px; width:425px;}
#footer1 {}
#footer2 {
	
	font-size: 0px;
	line-height: 0px;
	height: 28px;
	background: url("../images/footer.png") no-repeat left top;
	width:100%;
	
}

#container{   width:790px; margin:0 auto; padding:0; text-align:left; background-color:#FFFFFF; margin-bottom:10px; }
#fullcontainer{   width:100%; margin:0 auto; padding:0; text-align:left; background-color:#FFFFFF; margin-bottom:10px; }
#mainpagediv {margin-left:25px; }
#welcomebox { width:350px;}
#profileEditDiv {width:800px; }
#editoption {margin-bottom:5px; float:left; display:inline; width:115px; height:64px; text-align:center;}

        #profiletopdiv {margin:0px; }
        #profilebottomdiv{ margin:0px; height:800px;}

        #profile_photo {width:200px; margin:5px; float:left;  display:inline; height:220px;}
        #profile_blog {width:335px; margin:5px; display:inline; float:left; height:220px;}
        #profile_orgs {width:190px; margin:5px; display:inline; float:left; height:220px;}
        #profile_resume {width:561px; display:inline;  margin:5px; float:left;}
        #profile_colleagues {width:175px;  display:inline; margin:5px; float:left;}

        #photo_category_preview {width:700px;} 

        #resumemisc {margin-left:5px; margin-top:10px; width: 270px; float:left;}   
  
        #adjectiveDiv {display:inline;  width: 170; float:left; }
        #professionDiv {display:inline;  width: 170; float:left; }
       
        #adjectiveRatingDiv {margin-right:10px; display:inline; float:left; cleaar:both; width:125;}
        #adjectiveTitleDiv {margin-left:5px; margin-bottom: 5px; display:inline; float:left; width:100;}
        #adjectiveScoreDiv {display:inline; float:right; width:10;}
        #photoCommentDiv {margin-right:10px; disaplay:inline; float:left; cleaar:both; width:400;}
        label {margin-bottom:5px;}
		
	#splash_editresume{ border:1px solid #003399;width:700px;}
	
	#splash_editphotos {border:1px solid #003399;width:345px; float:left;}
	
	#splash_addphotos {border:1px solid #003399;width:345px; float:left; margin-left:25px;}
	
#resumeprojectname {width:35%;}
#resumeroletype {width:10%;}

resume.table{border-collapse: collapse; padding-left: 5px; font-size: 12; color: #000000; background-color: #FFFFCC; font-size: 12; font-weight: font-normal;}
TR.lineBreak {background-color: #FFFFFF; height: 21; }
TR.resumeHeader {color: #FFFFFF; background-color: #6D9ADD; font-weight: bold;}
TR.resumeDataEven {color: #000000; background-color: #D0D0D0; font-weight: normal;}
TR.resumeDataOdd {color: #000000;background-color: #FFFFFF;font-weight: normal;}
TD.resumeCell {padding-left: 25px}
TD.resumeCellEditBar {width:140px;  padding-left: 25px}
TD.resumeCellEmpty {width:75%;  padding-left: 25px; }

#orgcalendar_table {border-collapse: collapse; font-size: 12; border: 2px solid #aaaaaa; color: #000000; background-color: #FFFFCC; font-size: 12; font-weight: font-normal;}
#orgcalendar_header_row {color: #FFFFFF; background-color: #6D9ADD; font-weight: bold; }
#orgcalendar_sub_header_cell {color:#FFFFFF; background-color:#6D9ADD; font-weight: bold; text-align:center;}
#orgcalendar_data_row_even {color: #000000; background-color: #D0D0D0; font-weight: normal;}
#orgcalendar_data_row_odd {color: #000000;background-color: #FFFFFF;font-weight: normal;}
#orgcalendar_edit_cell {width:80px;}
#orgcalendar_cell_header_Time {width:60px;}
TD.orgcalendar {padding-left:5px; padding-right:5px; text-align:center; border: solid 2px #aaaaaa;}

#messages_table {border-collapse: collapse; width:700px; font-size: 12; border: 2px solid black; color: #000000; background-color: #FFFFCC; font-size: 12; font-weight: font-normal;}
#messages_header_row {color: #FFFFFF; background-color: #6D9ADD; font-weight: bold; }
#messages_data_row_even {color: #000000; background-color: #D0D0D0; font-weight: normal;}
#messages_data_row_odd {color: #000000;background-color: #FFFFFF;font-weight: normal;}
#messages_edit_cell {width:55px;}
#messages_cell_header_Date {width:125px;}
TD.messages {padding-left:5px; padding-right:5px; text-align:center; border: solid 2px #aaaaaa;}
/* Buttons */

img {display:inline;}

#schedule_slot {width:100%;}

/*For NewsBlog.  Move me later */

.pageable_data_grid_container_corner {background-color:#C3D9FF;}
.pageable_data_grid {width:700px; text-align:left; border-top:solid 1px #BBBBBB}
.pageable_data_grid td {}
.data_grid_button_row {background-color:#C3D9FF;}
.data_grid_selection_row {background-color:#C3D9FF;}
.data_grid_even {height:24px; cursor:pointer;}
.data_grid_odd {height:24px;cursor:pointer;}
.data_grid_selected {height:24px;cursor:pointer;}
.data_grid_even td {background-color:#E8EEF7; border-bottom:solid 1px #BBBBBB; height:24px;}
.data_grid_odd td {background-color:#E8EEF7; border-bottom:solid 1px #BBBBBB; height:24px;}
.data_grid_selected td {background-color:#FFFFCC; border-bottom:solid 1px #BBBBBB; height:24px;}
.data_grid_title_row {background-color:#D8D8D8; font-weight:bold;}
.selection_label {color:#0000CC; cursor:pointer;}

.data_grid_nav_panel {float:right; margin-right:25px}

.news_blog_edit_panel {background-color:#C3D9FF; width:700px;} 
.news_edit_panel {background-color:#C3D9FF; width:700px;} 

.news_blog_summary_even {background-color:#EDB677; width:100%; }
.news_blog_summary_odd {background-color:#FFFFFF; width:100%;}
.news_blog_summary_container {margin:10px;}
.news_blog_summary_title {color:#395E9E; font-weight:bold;}
.newsblog_prev_label {margin:10px; font-weight:bold; color:#395E9E; cursor: pointer;}
.newsblog_next_label {margin:10px; float:right; font-weight:bold; color:#395E9E; cursor: pointer;}