/* Reset */
@import url('reset.css');
/* Control Panel */
body.control {
	background-image: url(../images/cp/page-background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #E1E1E1;
	padding-top: 25px;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000;
	line-height: normal;
}
.control h1 {
	font-size: 190%;
	line-height: 26px;
	color: #FFF;
	padding-left: 25px;
	margin-bottom: 0px;
	float: left;
	padding-top: 22px;
}
.cl {
	font-size:0;
	line-height:0;
	height:0;
	display:block;
	clear:both;
}
.control h2 {
	font-size: 160%;
	margin-botton: 15px;
}
a {
	outline:none;
}
.login #form-wrapper {
	float: left;
	width: 340px;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 60px;
}
.login h2 {
	margin-bottom: 20px;
}
label {
	font-size: 90%;
}
input, select, textarea {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
	border: 2px solid #CCCCCC;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	float: left;
}
textarea {
	overflow:scrollbar;
}
input[readonly] {
	background-color: #F2F2F2;
}
.control form li label.error {
	color: #D12F19;
	padding-left: 10px;
	display: block;
	clear: both;
	font-weight: normal;
	background-color: #FBE3E4;
	border: 2px solid #FBC2C4;
	padding: 4px 5px;
	width: 50px;
	font-size: 85%;
}
.control #container {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
/* Layout and Content  */
.control #main {
	width: 600px;
	overflow: hidden;
}
.control #panel-1 {
	background-color: #FFF;
}
.control #content {
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}
.control #sidebar {
	height: 350px;
	width: 240px;
	padding-left: 60px;
	float: left;
}
.control #sidebar li {
	margin-bottom: 20px;
}
/* Start Page */
.control#start #main {
	padding-top: 0px;
	width: 500px;
}
.control#start #main ul li {
	float: left;
	margin-bottom: 20px;
	margin-left: 25px;
}
/* Header */
.control #header {
	height: 70px;
	background-color: #5A9ECF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}
.control #header div#logout {
	overflow: hidden;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 14px;
	padding-left: 5px;
}
.control #header div#logout a {
	color: white;
	font-size: 85%;
	text-decoration: none;
}
.control #header div#logout span {
	float: right;
}
/* Navigation */
.control #nav {
	float: right;
	margin-right: 15px;
}
.control #nav ul li {
	display: block;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #006699;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
}
.control #nav ul li a {
	color: #FFF;
	text-decoration: none;
}
.control #nav ul li a:hover {
	text-decoration: underline;
}
.control li#nav-start, .control li#nav-talent {
	-moz-border-radius-topleft:4px;
}
.control li#nav-pages, .control li#nav-start {
	-moz-border-radius-topright:4px;
}
#start li#nav-start, #talent li#nav-talent, #pages li#nav-pages, #approvals li#nav-approve {
	background-color: #0077BB;
}
/* Footer */
.control #footer {
	height: 40px;
	background-color: #CCC;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	padding-right: 25px;
}
.control #footer p {
	font-size: 80%;
	padding-top: 14px;
	text-align: right;
}
.control span.link {
	display: block;
	float: left;
	margin-top: 8px;
	overflow: visible;
}
.control a {
	color: #3388BB;
}
/* Form Elements */
/*button { display:block; overflow:visible; width:180px; height:60px; border: none; cursor:pointer; }
button img, .buttons a img { margin: 0; padding:0; border:none; }
*/
input.button#save {
	background-image: url(../images/cp/button-save.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 22px center;
}
#content .button {
	display:block;
	float:left;
	background-color:#395C8A;
	border: 3px solid #83A4CA;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	line-height:130%;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 7px;
	overflow: visible;
	vertical-align: middle;
	outline-style:none;
	outline-width:0;
}
.control#start #main ul li .button, #sidebar .button {
	float: none;
	width: 165px;
}
.control#start ul#button-menu li a {
	display: block;
	height: 50px;
	width: 182px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.control#start ul#button-menu li a span {
	display: none;
}
.control#start ul#button-menu li#button-profile a {
	background-image: url(../images/buttons/button-profile.png);
}
.control#start ul#button-menu li#button-resume a {
	background-image: url(../images/buttons/button-resume.png);
}
.control#start ul#button-menu li#button-photo a {
	background-image: url(../images/buttons/button-photo.png);
}
.control#start ul#button-menu li#button-voice a {
	background-image: url(../images/buttons/button-voice.png);
}
.control#start ul#button-menu li#button-video a {
	background-image: url(../images/buttons/button-video.png);
}
.control#start ul#button-menu li#button-logout a {
	background-image: url(../images/buttons/button-logout.png);
}
.control form#control-add {
	padding-top: 15px;
	padding-left: 15px;
}
.control #user-header {
	color: #FFF;
	background-color: #666;
	padding: 15px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}
.login form li, .control form li {
	overflow: hidden;
	margin-bottom: 15px;
}
.login form li label, .control form li label {
	clear:both;
	display:block;
	padding-bottom: 4px;
	font-weight: bold;
}
.login form li span, .control form li span {
	float: left;
	padding-right: 5px;
}
.control form li span label {
	clear: both;
	display: block;
	font-size: 85%;
	padding-left: 5px;
	font-weight: normal;
}
.control form li span.callout-label {
	font-size: 9px;
	float: none;
	font-weight: normal;
	color: #3B699F !important;
}
.control div#accordion.ui-widget {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.control h2 {
	margin-bottom: 12px;
}
.control h3 {
	font-weight: bold;
	color: #555555;
}
.control#talent textarea {
	height: auto;
}
.control div.message {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 22px 16px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 65px;
	margin-bottom: 25px;
	width: 300px;
}
.control #success-message {
	background-color: #E1FFD1;
	border-top: 1px solid #C5F8AC;
	border-bottom: 1px solid #C5F8AC;
	background-image: url(../images/cp/save_check_mark.gif);
}
.control div.message h2 {
	font-size: 110%;
	padding-top: 10px;
}
.control #failure-message {
	background-color: #E4E4E4;
	background-image: url(../images/buttons/no-access.gif);
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.control #content #photo {
	float: right;
	width: 250px;
	min-height: 500px;
}
.control #content #photo img {
	margin-bottom: 5px;
}
.control #main p {
	margin-bottom: 20px;
	margin-left: 20px;
}
.control #main ul#tasks {
	margin-left: 25px;
}
.control #main ul#tasks li {
	margin-bottom: 5px;
}
.control form li input.input-checkbox {
	float: none;
}
.control form li label.label-checkbox {
	float: right;
	padding-right: 10px;
}
.control .hide-content {
	display: none;
	visibility: hidden;
}
.control form input#height, .control form input#weight, input#start_date, input#end_date {
	width: 80px;
}
.control form ul.choice {
	margin-bottom: 10px;
}
.control form li.choice {
	margin-bottom: 8px;
}
.control form li.choice input.required {
	clear: left;
	padding: 0px;
	border: none;
}
.control form li.choice label.error {
	float: right;
	clear: none;
	display: inline;
}
.control #main form li.choice p {
	margin-bottom: 0px;
	padding-top: 2px;
	padding-left: 9px;
}
.control #accordion table {
	font-size: 90%;
}
.control #main p.talent-name {
	padding: 0;
	color: #3B699F !important;
	margin: 0;
}
/* Control Talent Table }*/
table.control-talent-table {
	width: 100%;
}
table.control-talent-table thead {
	height: 31px;
}
table.control-talent-table thead tr {
	background-image: url(../images/misc/control-table-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
table.control-talent-table thead tr th {
	padding-left: 10px;
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DEDEDE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEDEDE;
}
table.control-talent-table tbody tr td {
	border-bottom:1px solid #DEDEDE;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 15px;
}
table.control-talent-table tbody tr {
	height: 25px;
}
table.control-talent-table tbody tr td.icon {
	width: 10px;
	vertical-align: middle;
}
table.control-talent-table a {
	text-decoration: none;
	display: block;
	width: 100%;
}
/*table.control-talent-table a:hover { color: #000000; text-decoration: underline; }*/
table.control-talent-table tr:hover td {
	background: #d0dafd;
	color: #339;
}
/* Approval }*/
.control fieldset {
	border: 1px solid #CCC;
	width: 250px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.control #main div#photos div#thumb-wrapper {
	overflow:hidden;
}
.control #main div#photos div#thumb-wrapper div.profile-thumbnails {
	float: left;
	text-align:center;
}
.control #main div#photos div#thumb-wrapper div.profile-thumbnails p {
	margin-bottom: 3px;
	font-size: 80%;
}
.control #main div#delete-button {
	overflow:hidden;
	margin-bottom: 20px;
}
.control #main p.instructions {
	margin-left: 0;
	font-style: italic;
}
.dragdrop li a {
	padding-right:15px;
}
.dragdrop li span {
	padding-left:15px;
}
.content div.callout-tip, .control #main div.callout-tip {
	width: 300px;
	float: right;
	background-color: #DFEFFF;
	border: 1px solid #C2D7EF;
	padding: 15px;
}
.control #main div.callout-tip p {
	margin: 0;
	font-size: 90%;
}
.control #main div.callout-tip span {
	font-weight: bold;
	color: #3B699F !important;
}
.control p.control-message {
	margin-top: 20px;
}
.control div#approve {
	overflow:hidden;
	margin-bottom: 10px;
}
.control div#record-navigation {
	margin-top: 20px;
	float: right;
}
.control div#record-navigation ul li a {
	text-decoration: none;
}
.control div#record-navigation img {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: top;
}
.control #content #resource-image {
	float: right;
	width: 250px;
	height: 100px;
}