*{
margin:0;
padding:0;
}

body{
font-family:"Verdana","Arial",sans-serif;
text-align:left;
color:#333;
font-size: 11px;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:none;
}
a:hover{
color:#003d4c;
text-decoration:underline;
}

#browse a{
color:#003d4c;
text-decoration:underline;
}
#browse a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#c6c65b;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */

#container{
text-align:left;
}

#header{
margin-top: 1em;
padding: 4px 20px;
}

#content{
clear:both;
padding: 0px 40px 10px 40px;
background-color: #fff;
color: #333;
}
#footer{
clear:both;
padding: 6px 10px;
text-align: right;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
table.data, table.datawide {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
table.dataNoBorder{
border: 0;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table.data th , table.datawide th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: left;
padding:4px;
}
table.dataNoBorder th{
border: 0;
background-color: #e2e2e2;
text-align: left;
padding:4px;
}
table tr td {
border-right: 1px solid #ddd;
padding: 3px 2px;
vertical-align:center;
text-align: center;
}
table.data tr td , table.datawide tr td {
border-right: 1px solid #ddd;
padding: 3px 2px;
vertical-align:middle;
text-align: left;
}
table.dataNoBorder tr td{
border: 0;
padding: 3px 2px;
vertical-align:middle;
text-align: left;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}



/* notices and errors */

#flashMessage, .error, .error_message {
background-image:url(/cake/wiw/img/info.gif);
background-position:left center;
background-repeat:no-repeat;
border:1px solid #C0C0C0;
color:#555E69;
font-size:13px;
font-weight:bold;
margin:8px 0px;
padding:8px 8px 8px 32px;
background-color: #FAFAFA;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
/*margin-top: 2em;*/
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
}
form div.date{
margin-left: 0em;
}
div.optional label, div.required label{
display: block;
float:left;
width: 90%;
padding-right: 10px;
font-size: inherit;
text-align: right;
padding-top: 4px;
}
div.optionalLeft label, div.requiredLeft label{
display: block;
float:left;
width: 90%;
font-size: inherit;
text-align: left;
padding-top: 4px;
}
input[type=image]{
width: auto; height: auto;
margin: 0; padding: 0;
float: none;
}
input[disabled=disabled]{

}
.cb, input[type=checkbox] , table.datawide input[type=checkbox] {
width: 20px;
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}

label{
display: inline;
float:none;
/*display: block;
float:left;*/
width: 80%;
font-size: inherit;
padding-top: 2px;
}
table.datawide label{
display: block;
float:left;
width: 380px;
font-size: inherit;
padding-right: 20px;
padding-top: 2px;
}
input, textarea {

clear: both;
width: 250px;
display:block;
font-size: 11px;
font-family: inherit;
}
textarea{height: 80px;}
.datawide input, .datawide textarea {
clear: both;
width: 150px;
display:block;
font-size: inherit;
font-family: inherit;
}
input.txtLoading, textarea.txtLoading {
clear: both;
width: 250px;
display:block;
font-size: inherit;
font-family: inherit;
background-image: url(/cake/wiw/img/loading.gif); background-repeat: no-repeat; background-position: right top; height: 16px;
}
select {
width: 255px;
clear: both;
vertical-align: text-bottom;
font-size: 10px;
}

option {
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
border: 1px solid #e2e2e2;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #f4f4f4;
color: #555555;
padding: 2px 0;
}
div.required {
clear: both;
color:#222;
font-weight:bold;

}
div.optional {
clear: both;
color:#555;
}
div.optionalRight {
clear: both;
color:#555;
}
div.optionalLeft {
clear: both;
color:#555;
}
div.submit {
clear: both;
margin-left: 20px;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre{
padding: 1em;
}
.center{text-align: center;}
td.left{text-align: left; vertical-align: middle; }
td.center{text-align: center; vertical-align: middle; }
td.right{text-align: right; vertical-align: middle; }
td.logout{text-align: right; vertical-align: middle; text-align: center; width: 28px; }
#view{ width: 580px; }
#view520{ width: 520px; }

fieldset{ margin-bottom: 18px; padding: 0 8px; }
legend{ font-weight: bold; color: #000000; margin-bottom: 8px; }

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;

border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
dt {
font-weight: bold;
vertical-align:top;

border-right: 1px solid #ddd;
padding: 0px 6px;
border-bottom: 1px solid #ddd;
}
dd {
margin-left:20em;
margin-top:-2em;
vertical-align:top;
border-left: 1px solid #ddd;
padding: 0px 2px;
}

/* autocomplete */
div.auto_complete {
    position         :absolute;
    width            :250px;
    background-color :white;
    border           :1px solid #888;
    margin           :0px;
    padding          :0px;
/*	max-height: 350px;*/
	height: 350px;
	overflow: auto;
}

div.auto_complete ul { list-style-type: none; margin: 0; }
div.auto_complete ul li { list-style-type: none; padding: 4px; margin: 0; }

li.selected { background-color: #ddd; cursor: arrow; }

label.smallLabel{
display: block;
float:left;
width: 80px;
font-size: inherit;
padding-right: 20px;
padding-top: 2px;
}
input.smallInput, textarea.smallInput {
clear: both;
width: 180px;
display:block;
font-size: inherit;
font-family: inherit;
}

div.ajax{ margin: 0; padding: 0; }

table.plain {
border: 0;
background-color: #fff;
clear:both;
padding: 0;
white-space: normal;
}
table.plain th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: left;
padding:4px;
}
table.plain tr td {
padding: 3px 2px;
border-right: 0;
vertical-align:middle;
text-align: left;
}
.zeropadd{ margin: 0; padding: 0; }
.top {vertical-align: top; }
.middle {vertical-align: middle; }
input.jump{ width: 72px; float: left; margin-top: 4px;}
.center{ text-align: center; }
select.searchField{ width: 90px; font-size: inherit; font-family: Verdana,arial,sans-serif; }
select.searchType{ width: 90px; font-size: inherit; font-family: Verdana,arial,sans-serif; }
input.searchQ{ width: 180px; font-size: inherit; font-family: Verdana,arial,sans-serif; clear: none; display: inline; }

table.navi tr td:hover{ background-color: #dfdfdf; }

table#personnelTable tr td:hover{ background-color: #dfdfdf; }

div#wiwBrowseBox{ width: 608px; text-align: center; }

dl#wiwBrowse{ width: 450px; border: 0; }
dl#wiwBrowse dt{ font-weight: normal; border: 0; width: 180px; text-align: right; }
dl#wiwBrowse dd{ border: 0; margin-left: 200px; width: 220px; }
dl#wiwBrowse dd select, dl#wiwBrowse dd input{ width: 200px; display: inline; }
a.wiwBrowseZoom { clear: both; display: block; height: 16px; margin-top: 5px; width: 75px; border: 1px solid #000000; padding: 8px 8px; background-color: #FFFFFF; vertical-align: middle;}
a.wiwBrowseZoom:hover { display: block; height: 16px; margin-top: 5px; width: 75px; border: 1px solid #000000; padding: 8px 8px; background-color: #dfdfdf; vertical-align: middle; text-decoration: none;}
a.wiwBrowseZoom img{ margin-left: 8px; }

a.wiwBrowsePrinter { float: left; margin-right: 10px; display: block; height: 16px; margin-top: 5px; width: 150px; border: 1px solid #000000; padding: 8px 8px; background-color: #FFFFFF; vertical-align: middle;}
a.wiwBrowsePrinter:hover { display: block; height: 16px; margin-top: 5px; border: 1px solid #000000; padding: 8px 8px; background-color: #dfdfdf; vertical-align: middle; text-decoration: none;}
a.wiwBrowsePrinter img{ margin-left: 8px; }

table#wiwBrowseTable{ width: 450px; border: 0; }
table#wiwBrowseTable td { border: 0; text-align: right; }
table#wiwBrowseTable select{ width: 200px; display: inline; }
table#wiwBrowseTable input{ width: 197px; display: inline; }

/* Person dialog box */
table.WIWPerson { width: 585/*606*/px; border: 1px solid #000000; border-collapse: collapse; }
table.WIWPerson tr td { padding: 2px; border: 0; text-align: left; vertical-align: top; }
table.WIWPerson tr td.photo { width: 95px; }
table.WIWPerson tr td.contact { width: 241px; }
table.WIWPerson tr td.contact2 { width: 256px; }
select{ margin-top: 2px; }
.small{width: 80px;}
.xsmall{width: 50px;}
td.ajaxlist{ border-right: 1px solid #ddd;}
.c{text-align: center !important; vertical-align: top !important; }
.r{text-align: right !important; vertical-align: top !important; }
.t{vertical-align: top !important; }

table.dataNoBorder tr td.wiwBrowse { text-align: right; padding-right: 20px; border: 0; }
.note{font-size: 9px; margin-top: 3px;}

div#browse{ padding-left: 1px; }


fieldset#Competitors { background-color: #076b39; }
table#Competitor th {border-right: 1px solid #FFFFFF; }
h2#HCompetitors { color: #076b39; }
fieldset#Experts { background-color: #1334a8; }
table#Expert th {border-right: 1px solid #FFFFFF; }
h2#HExperts { color: #1334a8; }
fieldset#Translators { background-color: #e6ba23; }
table#Translator th {border-right: 1px solid #FFFFFF; }
h2#HTranslators { color: #e6ba23; }

input.cb{
float: left;
clear: left;
width: 20px;
margin: 0px 6px 7px 2px;
} margin-top: 3px;}

div#browse{ padding-left: 1px; }


fieldset#Competitors { background-color: #076b39; }
table#Competitor th {border-right: 1px solid #FFFFFF; }
h2#HCompetitors { color: #076b39; }
fieldset#Experts { background-color: #1334a8; }
table#Expert th {border-right: 1px solid #FFFFFF; }
h2#HExperts { color: #1334a8; }
fieldset#Translators { background-color: #e6ba23; }
table#Translator th {border-right: 1px solid #FFFFFF; }
h2#HTranslators { color: #e6ba23; }

input.cb{
float: left;
clear: left;
width: 20px;
margin: 0px 6px 7px 2px;
}

option.skillListCurrentCompetition{
background-color: #dee5f2;
}

option.skillListNotCurrentCompetition{;
}

/* LIVEPIPE UI */
 #control_overlay {  
     background-color:#000;  
 } 
  
 .modal {  
     background-color:#fff;  
     padding:10px;  
     border:1px solid #333;  
 } 
  
 .tooltip {  
     border:1px solid #000;  
     background-color:#fff;  
     height:25px;  
     width:200px;  
     font-family:"Lucida Grande",Verdana;  
     font-size:10px;  
     color:#333;  
 } 
  
 .simple_window {  
     width:250px;  
     height:50px;  
     border:1px solid #000;  
     background-color:#fff;  
     padding:10px;  
     text-align:left;  
     font-family:"Lucida Grande",Verdana;  
     font-size:12px;  
     color:#333;  
 } 
  
 .window {  
     background-image:url("/cake/wiw/img/window_background.png");  
     background-position:top left;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
     padding:10px;  
     font-family:"Lucida Grande",Verdana;  
     font-size:13px;  
     font-weight:bold;  
     color:#fff;  
     text-align:center;  
     min-width:150px;  
     min-height:100px;  
 } 

 .window_intranet {  
     background-image:url("/cake/wiw/img/window_background.png");  
     background-position:top left;  
     -moz-border-radius: 6px;  
     -webkit-border-radius: 6px;  
     padding:8px;  
     min-width:150px;  
     min-height:100px;  
 } 

  
 .window .window_contents {  
     margin-top:10px;  
     width:100%;  
     height:100%;      
 } 
  
 .window .window_header {  
     text-align:center;  
 } 

  
 .window .window_title {  
     margin-top:-7px;  
     margin-bottom:7px;  
     font-size:11px;  
     cursor:move;  
 } 
  
 .window .window_close {  
     display:block;  
     position:absolute;  
     top:4px;  
     left:5px;  
     height:13px;  
     width:13px;  
     background-image:url("/cake/wiw/img/window_close.gif");  
     cursor:pointer;  
     cursor:hand;  
 }

 .window_intranet .window_contents_intranet {  
     width:100%;  
     height:98%;
	overflow: auto;
 } 
  
 .window_intranet .window_header {  
     text-align:center;  
 } 

  .window_contents_intranet legend{ color: #FFF; }
.window_contents_intranet fieldset{ border: 0; }

 .window_intranet .window_title {  
     margin-top:-7px;  
     margin-bottom:7px;  
     font-size:11px;  
     cursor:move;  
color: #fff;
 } 
  
 .window_intranet .window_close {  
     display:block;  
     position:absolute;  
     top:4px;  
     left:5px;  
     height:13px;  
     width:13px;  
     background-image:url("/cake/wiw/img/window_close.gif");  
     cursor:pointer;  
     cursor:hand;  
 }

.intranetActions{ margin-top: 2px; }
.intranetActions a{ text-decoration: none !important; }
.intranetActions a:hover{ text-decoration: underline !important; }

.intranote{ border-top: 1px dashed #a0a0a0; padding-left: 8px; border-left: 1px dashed #a0a0a0; -moz-border-radius: 4px; padding-bottom: 12px; }
.intranote h2{
	color: #909090;
	font-size: 14px;
	padding-top: 8px;
	float: left;
	margin: 0 0 8px 0;
}

.intranote pre{
	padding: 8px;
	clear: both;
	border-left: 5px solid #c0c0c0;
	line-height: 1.1em;
}
.intranote_date{ font-size: 9px; float: right; 	margin: 5px 5px 0 0; color: #707070;}

.add_note a{ text-decoration: none !important; position: relative; top: 1px; right: 7px;}

/* NOTE INLINE EDITOR */
.inPlaceEditorTitle .editor_field{ 
	clear: none; color: #909090;
	font-size: 14px;
	float: left;
	margin: 8px 0 8px 0;
	border: 0;
	padding: 2px;
 }

.inPlaceEditorTitle .editor_ok_button{
 	width: 60px; 
	clear: none; 
	float: left;
	margin: 8px 0 8px 8px;	
}

.inPlaceEditorTitle .editor_cancel{ margin-left: 8px; position: relative; top: 10px; text-decoration: none !important; }

.inPlaceEditorNote .editor_field{ 
	color: #909090;
	line-height: 1.1em;
	padding: 8px;
	border-left: 5px solid #c0c0c0;
	width: 520px;
	font-family: monospace;
	color: #000;
 }

.inPlaceEditorNote .editor_ok_button{
 	width: 60px; 
	clear: left; 
	float: left;
	margin: 8px 0 8px 8px;

}

.inPlaceEditorNote .editor_cancel{ margin-left: 8px; text-decoration: none !important; position: relative; top: 10px; float: left; clear: right; }

.intranote pre{
	white-space: -moz-pre-wrap !important;
}