body {
    margin: 0 auto 0 auto;
    font-family:  Trebuchet MS, Arial, Helvetica, Verdana, Sans-Serif;
    padding: 0;
    height: 100%;
    background: #20303B url('images/backgroundRepeater.jpg') repeat-y center top;
}
img {
    border: none;
}

#wrap {
#margin-top: 30px;
#margin-left: 25px;
#margin-right: 25px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
#width: 95%;
border: 10px solid  #D8DFED;}

.colwrap {
    clear: both;
    margin: 0px;
    border: 2px solid #000;
    padding: 10px 25px 0 25px;
    background: #FFF url('images/backgroundGlobe.jpg') bottom left no-repeat;
    min-height: 800px;
}

.colwrapIbox {
    clear: both;
    margin: 0px;
    border: 2px solid #000;
    padding: 10px 25px 0 25px;
    background: #FFF;
    height: 90%;
}

.colwrapjs {
    clear: both;
    margin: 0px;
    padding: 10px 25px 0 25px;
    background: #FFF;
    min-height: 800px;
}

.colwrap h4{margin: 0;}
.colwrapEnd{clear: left; margin:0; padding: 0;}


#header{
    margin: 0; padding: 0;
    text-weight: bold;
    color: #ffffff;
    height: 70px; #138px; #was:166 with headline
    background: #20303B url('images/backgroundRepeater.jpg') repeat-y center top;
}
#headline{
    background-color: #000;
    color: #FFF;
    font-size: 13px;
    letter-spacing: 5px;
    padding: 5px 0 5px 0;
    text-align: center;
    font-weight: bold;
    margin: 0;
}
#headline a{
    color: #FFF;
    text-decoration: none;
}
#logo{
    float: left;
    #background: url('images/geoLogo70.jpg') no-repeat;
    height: 70; # 138px;
    width: 76; # 138px;
    #text-indent: -6666px;
    border-right: 1px solid #FFF;
}

#bannertext{
    float: left;
    display: inline; #block;
    width: 470px; #270px;
    height: 70px; #138px;
    font-size: 18px;
    text-weight: bold;
    padding-left: 30px;
    color: #ffffff;
    text-align: center;
}
#bannertext a{
    display: inline; #block;
    font-size: 60px;
    color: #ffffff;
    text-decoration: none;
}

#bannerart {
    float: right;
    height: 70px; #138px;
    width: 200px; #400px;
    border-left: 3px solid #FFF;
    }

body.home #flashHeader {background: url("images/flashlaceHolder.gif") no-repeat;}
body.uproof #flashHeader {background: url("images/UProofBanner400.jpg") right no-repeat;}

body.about #flashHeader,
body.siteMap #flashHeader{background: url("images/aboutUs.jpg") no-repeat;}

body.contractors #flashHeader,
body.contact #flashHeader {background: url("images/contactUsBlue.jpg") no-repeat;}

body.services #flashHeader,
body.translation #flashHeader{background: #004275 url("images/services.jpg") no-repeat;}

body.jb {
    #background: #ffffff;
}

body.plain {
    background: #ffffff;
    padding-left: 10px;
}


#buttonContainer{
    clear: both;
    height:28px;
    font-size: 14px;
    border: 1px solid red;
}
#buttons {
    display: inline;
}
.button {
    display: inline;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    border: 0;
    height: 28px;
    vertical-align: middle;
    cursor: hand;	/* IE */
    cursor: pointer;	/* mozilla */
}

span.button {
    color: #ffffff;
    height: 28px;
    margin-left: 1px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px;
    font-weight: bold;
    #letter-spacing: 1px;
    background-color: #044274;
}
span.button:hover{
    background-color: red;
}
.buttoninside{
    color: #ffffff;
    height: 28px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align:middle;
}
.nodeco {
    text-decoration: none;
}
.buttoninsidefull{
    color: #ffffff;
    height: 28px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    vertical-align:middle;
    background-color: #044274;
    text-decoration: none;
}
.buttonlink {
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #044274;
}
.buttonimg {
    vertical-align: top;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
}


table.edittable {
clear: both;
background-color: #ffffff;
font-family: Times New Roman, Arial, Serif;
}

tr#moreOptions {
    visibility: collapse;
    font-size: 13px;
}

ul#workflow .grey {
    background: #efefef;
}
ul#workflow li {
    display: inline;
    padding: 5px 0 5px 0;
    margin-right: 5px;
}
ul#workflow em {
    font-weight: bold;
}


#navContainer{
    clear: both;
    display: block;
    background-color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-spacing: 1px;
    height: 28px;
    background-color: #004275;
    }

/* ul#header_nav {
    text-transform:uppercase;

*/
ul#nav {
	margin: 2px 0 2px 0;
	/*background-color: #000;*/
	background-color: #004275;
	padding: 4px 0 4px 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #FFF;
	text-transform:uppercase;
	text-align: left;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;}

/* ul#header_nav li { */
ul#nav li {
	display: inline;
	border-right: thin solid #FFF;
	padding: 4px 10px 4px 10px;
	margin: 0 -10px 0 5px;
	/*background: #004275 url("/images/navCap.png") right no-repeat;*/
}
ul#nav img {
	display: inline;
    border: none;
	padding: 0px;
	margin: 0px;
}

/* ul#header_nav li.firstPipe { */
ul#nav li.firstPipe {
    display: inline;
    padding: 4px 30px 4px 55px;
    margin: 0 -10px 0 0;
    background: #004275 url("images/navCap.png") right no-repeat;}

/* ul#header_nav li.lastPipe */ ul#nav li.lastPipe { background: #004275 url("images/navEndCap.jpg") right no-repeat;}

/* ul#header_nav li a { */
ul#nav li a {
    text-decoration: none;
    color: #FFF;}

/* ul#header_nav li a:hover */ ul#nav li a:hover {color: #6A9BC5;}

/* highlight nav */
body.home #a_home,
body.about #a_about,
body.contact #a_contact{ color: #6A9BC5;}

#secodaryNavContainer{ margin: 0; padding: 0;}

p#secodaryNav{ margin: 0; padding: 0; font-size: 12px; color: #6A9BC5;}

p#secodaryNav a{font-size: 12px; color: #004275; text-decoration: none;}

p#secodaryNav a:hover{color: #6A9BC5; text-decoration: underline;}


li ul.dropDownOne {
  display: none;
  position: absolute;
  margin: 3px 0 0 115px;
  width: 170px;
  padding: 0;}

li ul.dropDownTwo {
  display: none;
  position: absolute;
  margin: 3px 0 0 215px;
  width: 180px;
  padding: 0;
  }

li ul.dropDownThree {
  display: none;
  position: absolute;
  margin: 5px 0 0 620px;
  width: 190px;
  padding: 0;
  }

li:hover ul.dropDownOne, li:hover ul.dropDownTwo, li:hover ul.dropDownThree {
    display: block;
    }

ul.dropDownOne li.dropDownItem, ul.dropDownTwo li.dropDownItem, ul.dropDownThree li.dropDownItem {
    background: #A1BFD6 !important;
    border: 1px solid #004275;
    float: left;
    font-size: 12px;
    width: 165px;}

ul.dropDownOne li.dropDownItem a, ul.dropDownTwo li.dropDownItem a, ul.dropDownThree li.dropDownItem a{ color: #004275 !important;}

ul.dropDownOne li.dropDownItem a:hover, ul.dropDownTwo li.dropDownItem a:hover, ul.dropDownThree li.dropDownItem a:hover { color: #1266A7 !important;}


/* -------------- footer style ----------------- */

#footer {clear: left; padding-bottom: 20px;}

ul.footer_nav {
    list-style: none;
    padding-top: 0;
    text-align: center;
    font-size: 12px;}

ul.footer_nav li{display: inline;}

ul.footer_nav li a{
    text-decoration: none;
    color: #FFF;
    border-right: 1px solid #FFF;
    padding: 0 5px 0 2px;}

ul.footer_nav li.last a{
    text-decoration: none;
    color: #FFF;
    border-right: none;
    padding: 0 5px 0 2px;}

ul.footer_nav li a:hover, ul#footer_nav li.last a:hover  {
    color: #007CC3;}


.dark { color: white; background-color: #044274; }
.old { color: gray; background-color: white; }
.new {color:red; }
.start {color:red; }
.inprogress {color:blue; }
.done {color:green; }
.staff { background-color: #ddddff; border-size: 2px }
.staffandadmin { background-color: #cc99ff; } /*#ffeeff}*/
.staffandadminborder { border-color: #ddddff; border-size: 2px }
.admin { background-color: #ffdddd; }
.uproofadmin { background-color: #ddffdd }
.nohighlight { background-color: ; }
.highlight { background-color: #FFF743; }
.trans { color: blue; background-color: white; }
.xtrans { color: darkgray; background-color: white; }
.transhighlight { color: blue; background-color: yellow;
    cursor: hand;	/* IE */
    cursor: pointer;	/* mozilla */
}
.edited { color: purple; background-color: white; }
.editedhighlight { color: purple; background-color: yellow; }
.com { color: maroon; background-color: white; }
.comhighlight { color: maroon; background-color: yellow;
    cursor: hand;	/* IE */
    cursor: pointer;	/* mozilla */
 }
.userinfo { color: gray; background-color: #EFEFEF; }
.globad{ color: red; }
.glogood{ color: green; }
.inline{	display: inline; }
.invisible{	display: none; }
div.boxleft { width: 49%; float: left; border-bottom: solid 1px;}
div.boxright { width: 49%; float: left; }
div.clear { clear: both;  }

li.new {list-style: square; }
li.inprogress {list-style: circle; }
li.done {list-style: disk; color:green;}
td { vertical-align: top; }
del{ background:#fcc; }
ins{ background:#cfc; }
hit{ color:red; font-weight:bold; }
tag{ color: gray; }
.grey {
    background: #efefef;
}

div.staff { margin: 2px; padding: 5px; }


textarea.ajaxedit {
    width: 100%;
    height: 100%;
}

.expand {
    width: 100%;
    height: 100%;
	font-size: 12px;
    border: 0px solid #c0c0c0;
}

.donestep {
    color:green;
}
.currentstep {
    color:red;
}
.laterstep {
    color:orange;
}


blue {
    color: blue;
}
red {
    color: red;
}
orange {
    color: orange;
}
darkgreen {
    color: darkgreen;
}
small {
    font-size: 80%;
}
tiny {
    font-size: 60%;
}

table.padded-table td { padding:5px; }
table.padded-table th { padding:5px; }

/* translation panel styles definition */

#contextPanel,  #contextPanelTgt {
    width: 650;
    height: 200;
    background-color: #eeeeee;
    overflow: auto;
}

.scrollRestore {
    background-color: #eeeeee;
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
}

#activeSource, #activeTranslation {
    width: 650;
    height: 108;
    background-color: white;
    overflow: auto;
    border: 1px solid #cccccc;
}

#TBMatchPanel, #GlossaryMatchPanel {
    width: 650;
    height: 108;
    background-color: white;
    overflow: auto;
    border: 1px solid #cccccc;
}

.TBMatchPanelItem {
    width: 648;
    cursor: hand;
    cursor: pointer;
}

#srcSegment {
    font-weight: bold;
    height: 108;
}

#loadingIndicator {
    background-color: yellow;
    width: 70;
}

.segment {
    font-size: 10pt;
    cursor: hand;
    cursor: pointer;
    font-weight: normal;
    color: black;
}

.segmentTgt {
    font-size: 10pt;
    cursor: hand;
    cursor: pointer;
    font-weight: normal;
    color: red;
}

.segmentSelected {
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
    color: blue;
    background-color: #cccccc;
}

.tooltip {
    background-color: #ffffdc;
    border: 1px solid #cccccc;
    margin: 10px;
    font-size: 12;
}

form.inplaceeditor-form textarea {
    background-color: #ffffdc;
}

.bracketing {
    color: blue;
}


/* Progressbar default styles definition */

.decorativeContainer {
    width: 120;
    font-weight: bold;
    background-color: yellow;
    display: inline;
}

.progressbarContainer, .progressbarTailLabel {
    align: center;
    font-weight: bold;
    #background-color: lightgreen;
    color: red;
    display: inline;
}

.mainLayout {
    background-color: white;
    padding: 20;
    float: right;
}

.mainLayoutMatchreports {
    background-color: white;
    padding: 0;
    float: left;
}

/* Length Checker Engine styles definition */

.lengthcheckerTooltipContainer {
    left: 10;
    top: 10;
    position: relative;
    background-color: #ffffe1;
    width: 150px;
    height: 20px;
    border: 1px solid black;
}

.lengthcheckerExtracharsMarker {
    background-color: #f77151;
    color: white;
}

/* Paginator Helper styles definition */

#currentPageNumber {
    display: inline;
    font-weight: bold;
}

.pageButtonSelected {
    display: inline;
    color: white;
    background-color: #ef5353;
}

.PaginatorHelperTextinput {
    border: 1px solid black;
}

.removeButton {
    color: red;
    display: inline;
    font-weight: bold;
    cursor: pointer;
}


/* Context Menu styles definition */

.cmenu {
    margin: 0;
    padding: 0.3em;
    list-style-type: none;
    background-color: white;
    font-size: 11px;
}

.cmenu li:hover {
}

.cmenu hr {
    border: 0;
    border-bottom: 1px solid grey;
    margin: 3px 0px 3px 0px;
    width: 10em;
}

.cmenu a {
    border: 0 !important;
    text-decoration: none !important;
}

.cmenu a:hover {
    text-decoration: underline !important;
}

.cmenu .topSep {
    font-size: 90%;
    border-top: 1px solid gray;
    margin-top: 0.3em;
    padding-top: 0.3em;
}

/* Export to glossary Utility styles definition */

.segmentHighlightingField {
    width: 350;
    height: 100;
}

.glossarySegment {
    font-weight: bold;
    background-color: lightgreen;
}

/* Active Tracker tyles definition */

#trackerWidget {
    width: 100%;
    background-color: #c8ffc8;
    padding: 5px;
    font-size:10px;
}

#trackerWidgetNewItem {
    width: 100%;
    background-color: #c8ffc8;
    padding: 5px;
}

.trackerWidgetCurrentday {
    font-size:11px;
}

.trackerWidgetCurrentdayLoggedTask {
    cursor:pointer;
}

div.autocomplete {
  position:absolute;
  width:350px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  font-size:11px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  cursor:pointer;
}

div.atrackermessage {
  background-color:white;
  color: red;
  font-size:11px;
  position: absolute;
  left: 10px;
  top: 30px;
  visibility: collapse;
}

#activejobsWidget,
#activejobsWidgetFooter,
#clientjobstatusWidget,
#clientjobstatusWidgetFooter {
    background-color: #c8ffc8;
    padding: 5px;
    font-size:10px;
}

#activejobsWidgetTitle,
#clientjobstatusWidgetTitle {
    font-weight:bold;
    font-size:11px;
}

#activejobsWidgetBody,
.activejobsWidgetBody,
#clientjobstatusWidgetBody {
    font-size:11px;
}