/* global */

html,ul,li {
	padding: 0;
	margin: 0;	
}

body {
 font-size: 62.5%;
 font-family: Arial, Helvetica, sans-serif;
 background:transparent url("img/prototype.png");
 color: Black;
 padding-top: 12px;
}

textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}

h1 {
	font-size: 1.4em; color:#676767; 
}

h1.big {
	font-size: 2em;
	margin-top:5px;
}

.h1 { font-size:1.4em; padding:0 0 10px 0; color:#676767; text-align:left; font-weight:bold;}
.h2 { font-size:1.2em; color:#676767; font-weight:bold;}

h2 {
	color: #666666;
	font-size: 1.2em;
	padding: 10px 0px 10px 0px;
}

h3 {
	font-size: 1.1em;
	color: #0348E1;
	display: block;
	border-bottom: 1px solid #D6D6D6;
	padding: 0px 0px 0px 10px;
}

img {	border: 0px; }

a:link, a:hover, a:visited, a:active, a:focus
{
    text-decoration: none;
    color: #3333FF;
    outline: none;
}
a:hover
{
    text-decoration: underline;
}

ol {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
ol li{
	padding: 2px 0px 2px 15px;
}




small {
	font-style: italic;
}


form{
	color: Black;
	font-size: 1em;
	padding: 0px;
}

select {
	width: 250px;
}

dd { margin-left:10px;}

/* custom styles, added by fm */

.texright{ text-align:right;}
.texcenter{ text-align:center;}
.texsmall{ font-size: 80%;}
.right  { float:right; }
.left  { float:left; }
.clear  { clear:both; }
.padver { padding:10px 0 10px 0 }
.padhor { padding:0 10px 0 10px }
.pad    { padding:10px }
.padbot    { padding-bottom:10px}
.padtop    { padding-top: 10px}
.padtop2    { padding-top: 20px}
.padver2 { padding:20px 0 20px 0 }
.padhor2 { padding:0 20px 0 20px }
.pad2    { padding:20px }
.marver { margin:10px 0 10px 0 }
.marhor { margin: 0 10px 0 10px }
.mar    { margin:10px }
.marbot    { margin-bottom:10px}
.marver2 { margin:20px 0 20px 0 }
.marhor2 { margin:0 20px 0 20px }
.mar2    { margin:20px }
.marlef { margin-left:10px}
.marlef2 { margin-left:20px}
.marrig { margin-right:10px}
.marrig2 { margin-right:20px}
.border0 { border:none; }
.lowcontrast {color:#999999;}
.highcontrast {color:#000000;}
.nopad {padding:0}
.nomar {margin:0}
.error{ color:red;}
.systemcontent {padding: 20px 30px;}
.systemcontent td {padding-bottom:10px;} 
.hidden{ display:none;}
.vtop {vertical-align:top;}
.box {border: solid 1px #CCCCCC;}

.Login {margin:20px 0;}
.Login input, .Login textarea {width:200px;}
ul.Home {border-top: dashed 1px #CCCCCC; border-bottom:none; padding:0; float:left; background:url("img/bg-home.gif") repeat-x scroll left top transparent; width:100%;}
li.Home { display:block; float:left; text-align:center; }
li a.Home { display:block; float:left; padding: 9px; margin:0; color:#676767; width:210px;}
li a.Home h2 {padding:0 0 0px; font-size:140%}
li a.Home p {text-align:left;}
li a.Home:hover {text-decoration:none; }
li.Home:hover {  background:url("img/bg-home-hover.gif") repeat-x scroll left top transparent }
li a.trans, div.trans {  background:url("img/user_trans.png") no-repeat left top; }
li a.ok, div.ok {  background:url("img/user_ok.png") no-repeat left top; }
li a.new, div.new {  background:url("img/user_new.png") no-repeat left top; }
li a.Home img {border:solid 5px #FFFFFF;}

.Preview li {list-style-position:inside;}

.CountryOverview div.box{padding:10px; margin:10px; width:260px;}
.CountryOverview ol {padding:10px 0 20px 28px;}

div.stat-error.loginerror{ font-size:100%; text-align:left; width:400px; min-height:40px; line-height:2.5em;}
div.stat-error.loginerror li{ display:block;}

#GMDisplayIssues {color:#CC3333; height:auto; overflow:visible; font-size:120%; font-weight:bold; padding:20px 0;}
div.stat-error { text-align:center; font-size:1.5em; color:#333333; background:url("img/bg-stat-error.gif") no-repeat scroll right 8px #FFDDDD; border:solid 1px #DDBBBB; padding: 20px 70px 10px 10px; }

.tabContainer {	list-style:none; float:left}
.tabContainer li.tab { line-height: 1.8em; }
.tabContainer li.tab a {cursor:pointer; text-decoration: none; color: #666666; padding:2px 6px 0; margin-top:2px; background: #FFFFFF url(img/bg-subtabs.gif) repeat-x left top;  border-bottom:solid 1px #CCCCCC;}
.tabContainer li.tab a.active, .tabContainer li.tab a:hover { background: #FFFFFF url(img/bg-subtabs-active.gif) repeat-x left top; border:solid 1px #CCCCCC; border-bottom:0; padding:1px 5px;}


.leftTabContainer {	list-style:none; float:left;  margin-right:20px;}
.leftTabContainer li {clear:left; line-height:2em;}
.leftTabContainer li.tab a {cursor:pointer; text-decoration: none; border:none; float:left;}
.leftTabContainer li.tab a .wide{}
.leftTabContainer li.tab a.active, .leftTabContainer li.tab a:hover { text-decoration:underline; }


table.country-display td{padding: 0 10px 10px 0; vertical-align:top;}

input.submit-button {background: transparent url(img/bg-input-primary.gif) repeat-x scroll left top; padding: 3px 10px; margin:0 5px 0 0; border: solid 1px #6699CC; cursor:pointer; }
input.secondary {background: transparent url(img/bg-input-secondary.gif) repeat-x scroll left top; padding: 3px 10px; margin:0 5px 0 0; border: solid 1px #CCCCCC; cursor:pointer; }
a.matrix, .matrix    {background: transparent url(img/matrix.png) no-repeat left center; padding:5px 5px 5px 24px}
a.printer   {background: transparent url(img/printer.png) no-repeat left center; padding:5px 5px 5px 24px}
a.event, .event {background: transparent url(img/event.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.doc, .doc  {background: transparent url(img/doc.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.help, .help  {background: transparent url(img/help.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.pdf, .pdf {background: transparent url(img/pdf.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.contact, .contact {background: transparent url(img/contact.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.user  {background: transparent url(img/user.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.data, .data   {background: transparent url(img/data.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.close {background: transparent url(img/close.png) no-repeat left center; padding: 5px 5px 5px 24px}
a.hoverbutton, .hoverbutton {margin:1px;}
a.hoverbutton:hover, .hoverbutton:hover {margin:0; border:solid 1px #DAE5F6;}
a.hoverbutton.midcontrast   {border-color:#AAAAAA;}
span.hoverbutton    {padding: 5px 2px 5px 2px}

.conditional, .conditional select {color:#CCCCCC; }
.conditional select {border:solid 1px #CCCCCC;}
.conditional:hover, .conditional:hover select {color:#676767;}

div.toggle h3 { background-image: url(img/closed.png); background-repeat:no-repeat; cursor:pointer; background-position:left center; padding-left:16px; }
div.toggle.active h3{ background-image: url(img/open.png); background-repeat:no-repeat; cursor:pointer; background-position:left center; }

/**
* JS Table sorting
*/
table.sortable th.sortcol{ cursor:pointer; margin-right:20px !important; background: #DAE5F6 none no-repeat right center;}
table.sortable th.sortasc { background-image:url(img/up.gif); }
table.sortable th.sortdesc { background-image:url(img/down.gif); }
.nosort { cursor:default; }
	
/* Structure */

table.iscalList { background:#FFFFFF; min-height:0; margin-bottom:20px; margin-top:20px; padding:0}
table.iscalList td, table.iscalList th {padding:5px}

div#wrap{
	font-size: 1.2em;
	width: 965px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}


/* Header */
div.header-logo{ float:left; width:450px; margin: 0}
div.header-logo-center{ height:40px; width:450px; float:left; margin: 0 0 20px 0; }
a.header-logo {font-size: 200%; color: #676767; font-weight:normal; text-decoration:none; float:left;} 
a.header-logo2 {font-size: 170%; padding-bottom:10px;} 
div.header-logo a.header-logo{  }
div.header-logo-center a.header-logo{ top:30px; }
.interHeader { color:#FFFFFF; background-color:#AAAAAA; font-weight:bold; }

div#header-right-menu{
	float: right;
	text-align: right;
	padding-top:0;
}

div#header-right-menu a
{ font-size:11px
}

ul#header-menu{
	list-style-type: none;	
	color: #999999;
	padding-bottom:5px;
}

ul#header-menu li { 
	display: inline; 
}


div#header-right-notice
{
	color: #999999;
	margin-bottom: 3px;
}


/*** immediately after header ***/
#preContentHeader
{
	margin-top: 5px;
}


#UserDetailsBar
{
	color:#676767; padding-bottom:5px;
}



/* tabs */
#securedMenu{
          margin-top: 30px; 
          border-bottom: solid 1px #aaaaaa; 
          padding-bottom: 3px;
          text-align: center; 
          background: transparent url(img/bg-subtabs.gif) repeat-x scroll left bottom;
      }
      
      #securedMenu a:hover{
            text-decoration: none;
            background: #ffffff none; 
      }
      
      
       .bigLink, .bigLinkCurrent{
            background: #DAE5F6 url(img/bg-title.gif) repeat-x scroll left bottom;
            padding: 3px 14px 3px 14px;
            font-weight: bold;
            border: solid 1px #aaaaaa;
            border-bottom:none;
            margin-right: 3px;
       }
       
        a.bigLink{
            color: #676767;
       }
       
       .disabled {
            background: #EEEEEE;
            background-image:none;
            border: solid 1px #DDDDDD; 
            border-bottom: none;
       }      
        
        a.disabled{
            color: #CCCCCC;
       }
              
       .bigLinkCurrent{
           color: #676767;
           font-size: 1.15em; 
           padding: 5px 18px 4px 18px; 
           border-bottom: #ffffff;
           background: #ffffff none;
       }




/* Content */

div#main-content{
	padding: 20px;
	color: #676767;
	text-align: left;
	border: solid 1px #cccccc;
	border-top:0;
	border-bottom:0;
}

div#main-content.border0 { border:none; }

ul#list-without-bullet {
	list-style-type: none;	
}

div#main-content p{
	
}

/* Footer */

div#footer{
	padding: 10px;
	color: #676767;
	background: transparent url(img/bg-footer.gif) repeat-x scroll left top;
}

#footer p{ font-size:11px; padding:8px 40px; background: transparent url("../../images/logo_un.png") no-repeat left top;}

ul#footer-menu{
	list-style-type: none;	
}

ul#footer-menu li { 
	display: inline; 
}

p#footer-copyright {
	font-size: 0.8em;
}

/* custom elements */

div.hr-line{
	clear: both;
	border-top: 1px dashed #AAAAAA;	
}

hr{ height:1px; background: #AAAAAA; border:0}

div.hr-line-grey{
	border-top: 1px solid #DDDDDD;	
	padding: 5px 0px 5px 0px;
}

.menu-dash-separator {
	padding: 0px 5px 0px 5px;
}
.menu-first-dash-separator {
	padding: 0px 5px 0px 0px;
}

p.intro-text{
	font-size: 1.1em;
	font-weight: bold;
	color: Black;
}
p.no-padding{
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p.intro-description-text{
	font-size: 1.1em;
	font-weight: bold;
	color: Black;
}

.contact-bckg {
	background-image: url(../images/birdflu-contact-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.contact-spacer {
	height: 322px;
}

.wide-input {
	width: 300px;
}
.wide-input-full-length {
	width: 98%;
}



/* Query table */ 

/**
	* Data Grid
	*/
	table.tbl-query-column { border-collapse:collapse; background-color:#fff; }
	table.tbl-query-column th { padding:10px; border:1px solid #aec2e8; background:#dae5f6 url(img/bg-title.gif) repeat-x bottom left; line-height:normal; }
	table.tbl-query-column td td {border:none; padding:2px }
	td table.tbl-query-column td, td table.tbl-query-column th {padding:.25em; }
	table.tbl-query-column.form td { vertical-align:middle; }
	table.tbl-query-column tr.section td, table.tbl-query-column td.section { background:#edf3fb; border-color:#aec2e8; }
	table.tbl-query-column tr.section.sum td, table.tbl-query-column td.section.sum { background:#fff9a4; color:#333; }
	table.tbl-query-column tr.texsmall th {padding-top:.1em; padding-bottom:.1em; }
	table.tbl-query-column label.right { display:block; margin:0; text-align:right; color:#1b5d8e; }
	table.tbl-query-column label.top { display:block; padding:0; margin:0; margin-bottom:1px; font-weight:bold; color:#1b5d8e; }


table.tbl-query-column{
	width: 100%;
}

table.tbl-query-column td{
	padding: 10px;	
	border:1px solid #aec2e8; 
	vertical-align:top;
}

table.tbl-query-column td p{
	/*float: left;	*/
	margin: 0 auto;
	padding: 0px 0px 0px 4px;
	vertical-align: middle;
}

table.tbl-query-column td img{
	float: right;
	padding: 2px 2px 2px 4px;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}

table.tbl-query-column .Number {
	width: 3%;
}

table.tbl-query-column .first {
	width: 18%;
}
table.tbl-query-column .last {
	width: 41%;
}

table.tbl-query-column .even-width{
	width: 3%;
}

table.navlist {width:100%; padding-bottom:0; margin-bottom: 20px;}

ul#navlist, .navlist
{
font: bold 100% Arial, sans-serif;
list-style-type: none;
padding-bottom: 26px;
border-bottom: 1px solid #CCCCCC;
background: transparent url(img/bg-subtabs.gif) repeat-x scroll left bottom;
margin: 0;
}

.navlist table{ border-bottom:10px; }

ul#navlist li, .navlist table
{
    float: left;
}

ul#navlist li a, .navlist table
{
background: #FFFFFF url(img/bg-subtabs.gif) repeat-x left top;
margin: 1px 4px 0px 4px;
padding:4px 8px 4px 8px;
border:none;
}

ul#navlist li a:hover, .navlist table a:hover
{
background: #FFFFFF url(img/bg-subtabs-active.gif) repeat-x left top;
border: 1px solid #CCCCCC;
border-bottom: 0;
margin: 0 3px 0px 3px;
}

ul#navlist li a.current, ul#navlist li a:hover .current
{
height:16px;
border: 1px solid #CCCCCC;
border-bottom: 1px solid #fff;
background: #FFFFFF url(img/bg-subtabs-active.gif) repeat-x left top;
}

ul#navlist li a.current:hover  { margin: 1px 4px 0px 4px; }
 
ul#navlist li a:hover { height:17px; }

li#active a { color: #000; }

#navlist a, .navlist a
{
float: left;
display: block;
color: #666666;
text-decoration: none;
padding:4px;
}

#navlist a:hover, .navlist a:hover { background: #fff; }

.ErrMessage
{
	font-weight: bold;
	color: #ff0000;
}

.right-page-user-id-section {
	float:right;
	display:inline-block;
	margin-top:16px;
}



/** for images on guidance page **/ 
.imgborder {border: solid 1px blue; padding: 3px;}

.tblEventForm td.EventFormCell, table.tblForm td{
    padding: 8px;
    background-color: #EBEBEB;
   vertical-align: top; 
   color:#676767;
}

#eventDetails{
   position: absolute;
   left: 400px;
   top:250px; 
   width: 350px;
   overflow: auto;
   z-index:100;
   border: solid 1px #AEC2E8;
   background-color:#FFFFFF; 
   padding: 20px 20px 10px 20px;
} 

#eventDetails h3 { margin: 0 60px 0 0; padding:0 0 5px 0;}


/** for user edit **/
.email-preview { color:Black; }
.required {margin-bottom: 10px; color:#EE0000; font-size:80%}

/*#GoogleMap_Div div span {overflow:hidden; width:90%;}*/