/***** Standard styling */
body { font-size:0.7em; color: #2b2b2b; font-family: verdana, helvetica, sans-serif; background-color:#F7FCFF; }
div { font-size:100%; font-family:verdana,helvetica,sans-serif; }
p { font-size: 100%; font-family: verdana, helvetica, sans-serif; margin: 0px; }
hr { color: #d4d4d4; height: 1px; }
img { border: 0px;}
form { margin: 0px; padding: 0px; }
input { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 90%; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}

select { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 90%; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}

textarea { padding-right: 3px; padding-left: 3px; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: verdana, helvetica, sans-serif; font-size: 90%; vertical-align: middle; border-left: #000000 1px solid; border-bottom: #000000 1px solid; background-color: #ffffff;}



/* input.button { border-right: #555555 1px solid; padding-right: 3px; border-top: #999999 1px solid; padding-left: 3px; padding-bottom: 0px; font: bold 90% verdana, helvetica, sans-serif; border-left: #999999 1px solid; color: #ffffff; padding-top: 0px; border-bottom: #555555 1px solid; background-color: #DCDCDC; text-decoration: none;} */

input.button { border-right: #999999 1px solid; padding-right: 5px; border-top: #ffffff 1px solid; padding-left: 5px; padding-bottom: 0px; font-family: verdana, helvetica, sans-serif; font-size: 100%; border-left: #ffffff 1px solid; color: #2b2b2b; padding-top: 0px; border-bottom: #999999 1px solid; background-color: #DCDCDC; text-decoration: none;}



table	{ border-collapse:collapse; }
table th	{ font-weight:normal; font-size:100%; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:15px; padding-left:5px; padding-bottom:2px; padding-top:1px; }

table td	{ font-weight:normal; font-size:100%; color:#2b2b2b; font-family:verdana,helvetica,sans-serif; text-align:left; padding-right:5px; padding-left:5px; padding-bottom:2px; padding-top:2px; }

.hidden      { display:none; }
.active { color:red; }

h1		{ font-size:280%; color:#2b2b2b; font-weight:normal; margin:0px; margin-top:0px; padding-right:0px; padding-left:0px; padding-top:5px; padding-bottom:0px;}
h2		{ font-size:110%; color:#FFFFFF; padding:5px; margin-bottom:0px; }


a { color: #000000; }

/***** container */
#container		{ margin-left:auto; margin-right:auto; }

/***** window & section */
.window { margin:0px; padding:0px; width:100%; position:relative; float:left; }

.windowheader { position:relative; float:none; background-color:transparent; height:50px; font-weight:normal; margin-bottom:0px; }
.windowheader h1  { font-size:200%; color:#FFA011; font-weight:bold; margin:0px; margin-top:0px; padding-right:25px; padding-left:55px; padding-top:5px; padding-bottom:0px; }
.windowheader h2  { font-size:120%; color:#2D3E4B; font-weight:bold; margin:0px; padding-right:25px; padding-left:55px; padding-top:0px; padding-bottom:0px; }
.windowheader p   { font-size:120%; text-align:left; color:black; font-weight:strong; padding-right:25px; padding-left:25px; padding-top:3px; margin:0px; }
.windowheader img { padding-top:2px; padding-right:1px; }

.windowcontent { margin-top:10px; border:0px; padding:0px; padding-left:5px; padding-right:5px; position:relative; float:left;}

.section           { width:100%; position:relative; float:none; margin-top:10px; }
.sectionheader     { height: 20px; position:relative; float:none; font-weight:bold; background-color:#336699; min-width:100%;} 
.sectionheader p   { font-size:110%; padding-left:20px; padding-top:2px; margin:0px; text-align:left; color:#FFFFFF; font-weight:bold;}
.sectionheader img { padding-top:3px; }

.sectioncontent    { position:relative; float:none; padding:0px; display:none; }

.left	{ display:block; position:absolute; top:0%; left:0%; float:left; padding-left:4px; }
.right	{ display:block; position:absolute; top:0%; right:0%; float:right; padding-right:4px; }

.actions		{ width:100%; position:relative;  float:left; margin-top:10px;}
.actions .left	{ float:left; position:relative;  padding:0px;}
.actions .right	{ float:right; position:relative; padding:0px;}

/***** tables */
table td.btncell { white-space:nowrap; padding:2px; border:0px solid white; text-align:center; width:1px;}

table.grid              { width:100%; margin-top:10px; }
table.grid tr           { background-color: #FFFFFF; }
table.grid tr.hover     { background-color: #F1F8FE; }
table.grid tr.hover td  { }
table.grid th           { font-size:110%; color:#FFFFFF; font-weight:bold; background-color:#336699; white-space: nowrap; 
                          padding-right:5px; padding-left:5px; padding-bottom:1px; padding-top:1px; 
                          border-right:0px solid white; height:20px;}
table.grid td           { height: 20px;
                          padding-right:5px; padding-left:5px; padding-top:2px; padding-bottom:2px; 
                          border:1px solid #CAEAFB; }

table.grid td.btncell   { width:1px; white-space: nowrap; padding: 2px; }

table.gridview		{ width:100%; border: 1px solid #336699; margin:0px; }
table.gridview tr	{ height: 20px;}
table.gridview th	{ font-weight: bold; border: 1px solid #336699; background-color:#F1F8FE; color:#336699; }
table.gridview td	{ background-color:#FFFFFF; border: 1px solid #336699; }

table.detail	{ width:100%; border: 1px solid #336699; margin:0px; }
table.detail tr	{ height: 20px; }
table.detail th	{ width:300px; font-weight: bold; border: 1px solid #336699; background-color:#F1F8FE; color:#336699; }
table.detail td	{ background-color:#FFFFFF; border: 1px solid #336699; }

table.input	{ width:100%; border: 1px solid #336699; margin:0px; }
table.input tr	{ height: 20px; }
table.input th	{ width:300px; font-weight: bold; border: 1px solid #336699; background-color:#F1F8FE; color:#336699; }
table.input td	{ background-color:#FFFFFF; border: 1px solid #336699; }

/***** fields */
.fld_numeric { text-align: right; }
.fld_password {}
.fld_text {}
.fld_date {}
.fld_time {}
.fld_timestamp {}
.fld_dropdown { }
.fld_checkbox { border: 0px solid black; }
.fld_radiobutton { border:0px solid black; background-color: transparent;}

.defaultbutton { height:0px; width:0px; margin:0px; padding:0px; border:0px; }