body 
{
    margin:0px;
    padding:10px;    
    font-family:"Segoe UI","Microsoft Sans Serif",Arial,Geneva,Sans-Serif;
    background:#fafaf6; /*url(../images/layout/main_background.gif) no-repeat right bottom*/;
    font-size:8pt;
}
h1
{
    padding:0;
    margin:5px 5px 5px 5px;
    font-size:1.2em;
}
h2
{
    padding:0px 0px 5px 0px;
    margin:0;
    font-size:1.1em;
}
h3
{
    padding:0px 0px 5px 0px;
    margin:0;
    font-size:1em;
    font-weight:bold;
}
p
{
    padding:0;
    margin: 0 0 5px 0;
    color:#222222;
}
em
{
    font-size:0.95em;
    color:#555;
    padding:5px 10px 10px 0px;
    margin:5px 0px 10px 0px;
}
ul
{
    margin:5px 0px 5px 40px;
    padding:0px 0px 0px 0px;
}
ol
{
    color:#222222;
    
    margin:0px 0px 5px 15px;
    padding:0px 0px 0px 0px;
}

input, select, textarea
{
    padding:0;
    margin:0;
    font-size:1em;
    font-family:"Segoe UI","Microsoft Sans Serif",Arial,Geneva,Sans-Serif;
    border:1px solid #BEBEBE;
}
input
{
    border:1px solid #BEBEBE;
    padding:1px 0px 1px 0px;
}
a
{
    text-decoration:none;
    color:#444444;
}
a:hover
{
  
}

fieldset
{
    margin:10px 10px 10px 10px;
}
.link-img
{
    position:relative;
    top:1px;
    vertical-align:top;
    margin-bottom:4px;
    border:none;
}

.link-text 
{
    cursor:pointer;
    position:relative;
    text-decoration:underline;
    top:1px;
    font-size:1.1em;
    padding:0px 2px 0px 0px;
    margin:0px;
    vertical-align:top;
}
.info-text
{
    font-style:italic;
    color:#333333;
}
#main
{
    margin:0 auto;
    padding:0px 0px 0px 0px;
    width:1000px;
    overflow: hidden;            
    background:#f2f3eb; 
    /*border: solid 1px #999999; */   
    position:relative; 
}
#header
{
    background:#f2f3eb url(../images/layout/cottonmapbanner.gif) no-repeat right;
    width:100%;
    height:120px;
}
#menubar
{
    background:url(../images/layout/menu_gradient.gif) repeat-x;    
    width:100%;
    height:28px;
    position:relative;    
    text-align:left;
    padding:2px 0px 0px 0px;
    margin:0px 0px 0px 0px;   
    color:#FFFFFF;
    font-weight:bold; 
}
#menubar a, #menubar span
{
    display:block;
    float:left;
    text-decoration:none;
    margin:0px 4px 0px 4px;
    padding:5px 5px 8px 5px;
    color:#FFFFFF;
    font-weight:bold;
}
#menubar a:hover
{
    color:#f2f3eb;
    text-decoration:underline;
}
#logincontrols
{    
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border:solid 1px #999999;*/
    width:400px;
    height:150px;
    margin:10px auto 10px auto;
    padding:10px 100px 10px 100px;
}
#tools
{   
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;*/
    margin: 5px 0px 0px 0px;    
    padding:5px 5px 5px 5px;
}
#tools #searchControls
{
    float:left; 
    width:535px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#tools #basicControls
{
    height:100%;
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    width:380px;
    text-align:right;
    /*border-left:solid 1px #999999;*/
}
#tools #advancedControls
{   
    height:25px;
    float:right;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;  
    width:300px;
    text-align:right;
}
#management
{   
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;*/
    margin: 0px 0px 5px 0px;    
    padding:10px 10px 10px 10px;
    display:none;
    position:relative;
    clear:both;
}
#management #manageTable
{
    background:#FFFFFF;
    border: solid 1px #999999;   
    margin: 10px 0px 10px 0px;   
}
#management #manageTable .row1
{
    background-color:#CCCCCC;
}
#management #manageTable .row2
{
    background-color:#EEEEEE;
}
#management #manageTable .selrow
{
    background-color:#ff8352;
}
#management #manageTable td
{
    padding:5px 10px 5px 10px;
}
#management #manageTable img
{
    border:none;
}
#management #flagFieldsTable
{
    background:#FFFFFF;
    border: solid 1px #999999;   
    margin: 10px 0px 10px 0px;   
}
#management #flagFieldsTable .row1
{
    background-color:#CCCCCC;
}
#management #flagFieldsTable .row2
{
    background-color:#EEEEEE;
}
#management #flagFieldsTable .selrow
{
    background-color:#ff8352;
}
#management #flagFieldsTable td
{
    padding:5px 10px 5px 10px;
}
#management #flagFieldsTable img
{
    border:none;
}
#left
{   
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom;  
    /*border: solid 1px #999999; */
    width:180px;
    margin:5px 0px 5px 0px;    
    padding:10px 10px 10px 10px;
    display:none;
    float:left;
    height:600px;
    position:relative;
}
#content
{    
   /* background:#FFFFFF url(../images/blue_grad.gif) repeat-x;
    border: solid 1px #999999; */
    width:100%;
    margin:5px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    display:inline;
    float:left;    
    min-height:400px;
} 
#content2
{    
   /* background:#FFFFFF url(../images/blue_grad.gif) repeat-x;
    border: solid 1px #999999; */   
    margin:5px 0px 5px 0px;
    padding:10px 20px 10px 20px;
    min-height:400px;
} 
#messages
{   
    background:#FFFFFF; 
    border: solid 1px #999999;
    margin: 5px 5px 0px 5px;    
    padding:10px 30px 10px 10px;
    z-index:1;
    position:absolute;
    display:none;
}
#infoPopupDiv
{   
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999; */   
    display:none;    
    position:absolute;  
    left:140px;  
    width:700px;
    z-index:1;
    margin:10px 0px 0px 0px;    
    padding:10px 10px 10px 10px;
}
#saveDataPopupDiv
{   
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999; */   
    display:none;   
    position:absolute;  
    left:308px;  
    width:340px;
    z-index:1;
    margin:100px 0px 0px 0px;    
    padding:20px 20px 20px 20px;
}
#helpPopupDiv
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;  */
    position:absolute;
    left:180px;
    width:330px;
    display:none;
    z-index:1;
    margin-top:-1px;    
    padding:5px 5px 5px 5px;
}
#sendPopupDiv
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;  */
    position:absolute;
    right:0px;
    height:235px;
    width:400px;
    display:none;
    z-index:1;
    margin-top:-1px;    
    padding:5px 5px 5px 5px;
}

#linkPopupDiv
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;  */
    position:absolute;
    right:0px;
    height:60px;
    width:400px;
    display:none;
    z-index:1;
    margin-top:-1px;    
    padding:5px 5px 5px 5px;
}

#flagPopupDiv
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
   /* border: solid 1px #999999;  */
    position:absolute;
    right:0px;
    height:260px;
    width:310px;
    display:none;
    z-index:1;
    margin-top:-1px;    
    padding:5px 5px 5px 5px;
}

#digitiseHelpPopupDiv
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
   /* border: solid 1px #999999;  */
    position:absolute;
    left:210px;
    width:300px;
    display:none;
    z-index:1;
    margin-top:10px;    
    padding:5px 5px 5px 5px;
}

.closeLink
{
    position:absolute;
    right:5px;
    top:5px;
}

#footer
{
    background:url(../images/layout/menu_gradient.gif) repeat-x;
    width:100%;
    height:30px;
}
#footer a
{
    color:#FFFFFF;    
    font-weight:normal;
}
#footer ul
{
    list-style:none;
    float:left;    
    margin:10px 10px 0px 10px;
    padding:0px;
}
#footer li
{
    float:left;
    margin-left:5px;
}
#footer #copyright
{
    float:right;
    margin:8px 10px 0px 0px;
    padding:0px;
    color:#FFFFFF; 
    font-weight:bold;
}
#latestnews
{
    border:1px solid #EEEEEE;   
    padding:10px 10px 10px 10px;
    width:500px;
    position:absolute;
    left:10px;
    top:10px;
    text-align:left;
}

#logo
{
    /*margin:10px auto;
    width:590px;
    padding:0px 0px 0px 410px;*/
    position:relative;
    margin:0 auto;
    padding:10px 10px 10px 10px;
    width:1000px;
    text-align:right;
}
#logo img
{
    border:none;    
}
/*Modal Popup*/
.modalBackground 
{    
	background-color:Black;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup 
{
    background:#dbe5c6 url(../images/layout/background.gif) no-repeat right bottom; 
    /*border: solid 1px #999999;*/
    margin: 5px 5px 0px 5px;    
    padding:5px 5px 5px 5px; 
	width:300px;
}

/*Digitise Buttons*/
#hand_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bsu.png);
}
#hand_b.selected {
  background-image: url(../images/Bsd.png);
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bmu.png);
}
#placemark_b.selected {
  background-image: url(../images/Bmd.png);
}

#line_b {
  width:31px;
  height:31px;
  background-image: url(../images/Blu.png);
}
#line_b.selected {
  background-image: url(../images/Bld.png);
}

#shape_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bpu.png);
}
#shape_b.selected {
  background-image: url(../images/Bpd.png);
}

/*Digitise Info Box*/
#featureDiv
{
    overflow:auto; 
    height:440px;
}
#featureDiv .infoDiv
{
    height: 35px;
    clear:both;
}
#featureDiv .groupDiv
{
    height: 20px;
    clear:both;
}
#featureDiv .infoDiv .colorDiv
{
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer; 
}
#featureDiv .infoDiv .nameDiv
{
    width: 110px;
    height: 16px;
    float: left;
    cursor: pointer; 
    padding:0px 15px 0px 0px;
    margin-left:2px;
    overflow:hidden;
    background-image: url(../images/pencil.png);
    background-repeat:no-repeat;
    background-position:right top;
}
#featureDiv .infoDiv .nameDiv:hover
{
    background-color: #CCCCCC; 
}
#featureDiv .infoDiv .removeDiv
{
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer; 
    margin-left:2px;
    background-image: url(../images/cancel.png);
    background-repeat:no-repeat;
    background-position:right top;
}
#featureDiv .infoDiv .descDiv
{
    width:140px;
    height:16px;
    clear:both;
    margin:2px 0px 0px 20px ;
    color:#999999;
    font-style:italic;
}

#featureDiv .groupDiv .groupCell
{
    color:#999999;
    width: 140px;
    height: 16px;
    float: left;
    cursor: pointer; 
    padding:0px 15px 5px 4px;
    margin-bottom:5px;
    margin-left:2px;
    overflow:hidden;
    font-weight:bold;
    background-image: url(../images/add_gray.png);
    background-repeat:no-repeat;
    background-position:right top;
}

#featureDiv .groupDiv .groupCell:hover
{
    color: #555555; 
    background-color: #EEEEEE;
}

#featureDiv .groupDiv .groupSelectedCell
{
    width: 124px;
    height: 16px;
    float: left;
    cursor: pointer; 
    padding:0px 15px 5px 4px;
    margin-bottom:5px;
    margin-left:2px;
    overflow:hidden;
    font-weight:bold;
    background-image: url(../images/pencil.png);
    background-repeat:no-repeat;
    background-position:right top;
}

#featureDiv .groupDiv .groupSelectedCell:hover
{
     background-color: #CCCCCC;
}

#featureDiv .groupDiv .removeDiv
{
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer; 
    margin-left:2px;
    background-image: url(../images/application_delete.png);
    background-repeat:no-repeat;
    background-position:right top;
}

.quickTips
{
    margin:5px 0px 20px 20px;
    padding:5px 10px 5px 10px;
    border:none;
    background:#EEEEEE;
    width:300px;
}
.quickTips legend
{
    color:Black;
    font-weight:bold;
}

.ajax__tab_panel
{
    border:solid 1px #999999;
    padding:10px 10px 10px 10px;
}

.ajax__tab_header 
{    
    font-weight:bold;
}

.ajax__tab_outer
{
    margin-right:1px;
}

.ajax__tab_inner
{
    /*height:16px;*/
    text-align: left;
    color: #999999;
    font-weight: Bold;
    /*font-size:1.1em;*/
    margin: 0px 0px 0px 0px;    
    padding: 2px 3px 2px 6px;     
    background: #EEEEEE;    
   /* border:solid 1px #999999;*/
    border-bottom:none;
}

.ajax__tab_hover .ajax__tab_outer
{
      
}

.ajax__tab_hover .ajax__tab_inner
{    
    color:black;
}

.ajax__tab_active .ajax__tab_outer
{      
    /*background: #FFFFFF;
    border-left:solid 1px #999999; 
    border-right:solid 1px #999999; 
    border-top:solid 1px #999999; */
    margin-bottom:-3px;   
}

.ajax__tab_active .ajax__tab_inner
{   
    background: #999999;
    color: black;
    padding: 3px 3px 3px 6px;
}