html, body ,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a:active
{
  outline: none;
}

button:active
{
  outline: none;
}

 
body {
    font-family:verdana, arial, san-serif;
    font-size:9pt;
    background-attachment:fixed;
    disabled-background-image:url('../../images/kernel/wallpaper.jpg');
    background-position:top left;
    background-repeat:no-repeat;
    background-color:#126cab;
    color:#333;
}

#header {
	margin-left:0px;
	color:#fff;
}

#header h1 {
	font-size:2.50em;
}

#page-wrap {
	background-attachment:fixed;
	background-image:url('../../images/kernel/background.png');
	background-position:0px 0px;
	background-repeat:repeat-x;	
	width:100%;
	min-width:1000px;
}

#page {

	padding-top:2em;
	width:94%;
	margin-left:3%;	
}

#top-outer {
	background-image:url('../../images/kernel/box-tl.png');
	background-position:top left;
	background-repeat:no-repeat;
}
#top-inner {
   	margin-left:13px;
	margin-right:250px;
	background-image:url('../../images/kernel/box-tc.png');
	background-position:top left;
	background-repeat:repeat-x;
	height:40px;
}
#top {
	background-image:url('../../images/kernel/box-tr.png');
	background-position:top right;
	background-repeat:no-repeat;
}

#middle-outer {

	background-image:url('../../images/kernel/box-l.png');
	background-position:top left;
	background-repeat:repeat-y;
}

#middle-inner {
	background-image:url('../../images/kernel/box-r.png');
	background-position:top right;
	background-repeat:repeat-y;
}

#middle {
	background-image:url('../../images/kernel/box-c.png');
	background-position:top right;
	background-repeat:repeat-y;
}


#bottom-outer {
	background-image:url('../../images/kernel/box-bl.png');
	background-position:bottom left;
	background-repeat:no-repeat;
}
#bottom-inner {
   	margin-left:13px;
	margin-right:250px;
	background-image:url('../../images/kernel/box-bc.png');
	background-position:bottom left;
	background-repeat:repeat-x;
	height:12px;
}
#bottom {
	background-image:url('../../images/kernel/box-br.png');
	background-position:bottom right;
	background-repeat:no-repeat;
}

#footer {
	text-align:center;
	color:#fff;	
}

#tabs {
	z-index:20;
	position:relative;
	top:-7px;
	left:-8px;
	height:42px;
	overflow:hidden;

}
 
#tabs ul {
	list-style: none;
	padding:8px;
	margin:0px 0px;
	width:100%;	
}
	
#tabs ul li {
	float: left;
	margin:0px;
	font-size:12pt;
	font-weight:bold;
	
}
 
#tabs a {
	text-decoration:none;
	color:#fff;	
}
 
#tabs a:hover {
	
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;	
}



#tabs li a {
	font-size:0.70em;
	position:relative;
	margin:0 4px;
	border-left:1px dotted #ddd;
	padding-left:8px;
	text-decoration:underline;
	top:7px;
}

#tabs li.selected a {

	position:relative;
	text-decoration:none;
	border-left:0px;
	padding-left:0px;
	margin:0px;
	top:0px;

}
 
#tabs li.selected a:hover {
	cursor:default;
	text-decoration:none;
}
 
#tabs li.selected {
 
	position:relative;
	background-image:url('../../images/kernel/tab-left.png');
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:14px;
	line-height:34px;
	top:0px;
	
}
 
#tabs li.selected a span {
 
	font-weight:bold;
	color:#333;
	position:relative;
	top:0px;
	padding:15px 14px 9px 1px;
	margin:0px 0px 0px 1px;
	background-image:url('../../images/kernel/tab-right.png');
	background-position:right 4px;
	background-repeat:no-repeat;
}
 
* html #tabs a.selected span {
    padding:10px 6px 1px 6px;
}

#search {

	float:right;
	position:relative;
	top:1em;
	left:-1.30em;
	text-align:right;

}

#search input {
	width:144px;
}

table.layout {
	width:100%;
	margin-left:6px;
}
td.leftcolumn {
	padding:1em;
	background:#ffffff;
}

td.leftcolumn h3 {
	padding:0.50em;
}

td.leftcolumn p {
	padding:1em;
}

td.rightcolumn {
	width:224px;
	*width:255px;
	padding:0px 1em 0 1em;
	*padding:1em 1em 0 1em;
}

td.rightcolumn h3 {
	
	padding:0.50em 1em;
	background:url('../../images/kernel/right-h3.png');
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top:1px solid #fff;
	border-left:1px solid #fafafa;
	border-bottom:0px;
	margin-right:-5px;
}

td.rightcolumn p {
	
	padding:1em;
	background:url('../../images/kernel/right-h3.png');
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-left:1px solid #eee;
	border-bottom:1px solid #ddd;
	margin-right:-5px;
	margin-bottom:1em;
	
}


.anchor {
	width:0px;
	height:0px;
	clear:both;
}

table.form td {
	padding:0.25em;
}

table.form th {
	text-align:right;
}

td.actions {
	padding:2em;
	text-align:center;
	
}


input, select, textarea { outline: none; }

.field {
	padding:3px 2px 2px 2px;
	background:#ffffff url('../../images/kernel/fieldbg.jpg') top repeat-x;
	border:1px solid #A7A6AA;
    	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    	border-radius:2px;
}

.field:focus {
	background:#ffffff url('../../images/kernel/fieldfocus.jpg') top left repeat-x;
	border:1px solid #119eff;
}

 /* Google Styled Buttons */
 
a.btn {
 	 color:#333;
 	*position:relative;
 	*top:-1px;
 	 text-decoration:none;
 	 font-weight:bold;
 	 line-height:1.28em;
 	 padding:2px 0;
 
 }
 
a.btn, a.btn {
 	
 	color:#333;
 	*position:relative;
 	*top:-1px;
 	 text-decoration:none; 
	 
 }
 
    .btn {
      cursor:pointer;
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
     
    * html button.btn {
      padding-bottom:1px;
      }
    
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }

	button.btn {
		
		*padding-left:8px;
		
	}
	
	/*\*/
		html>body*button.btn { margin-left:-3px;}
	/**/

    .btn span {
      background:#ddd url(../../images/kernel/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #A7A6AA;
      }
    * html .btn span {
      padding-top:0;
      }
      
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #A7A6AA;
      }
          
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#119eff !important;
      color:#119eff;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }


root { 
    display: block;
}

.EditInPlace
{
	border-right: dotted 1px #505050;
	cursor:pointer;
}

/** Paging Grid Styles **/

#pagingnav {
		margin-top:4px;
}

#pagingnav form { display:inline; margin:0px; padding:0px; }

#paginggrid * {
	font-size:1em;
}

#paginggrid a.enabledPagingLink
{
	color:#000000;
    background:url("../../images/kernel/paging/paginghead.gif");
    border:1px solid #aabbcc;
    padding:0px;
    padding-left:6px;
    padding-right:6px;
    margin:3px;
    line-height:1em !important;
    line-height:2em;
    text-decoration:none;
}

#paginggrid a.enabledPagingLink:hover
{

    background:url("../../images/kernel/paging/paginghead-hover.gif");
    border:1px solid #446688;
    padding:0px;
    padding-left:6px;
    padding-right:6px;
    margin:3px;
    text-decoration:none;
}


#paginggrid a.disabledPagingLink, #paginggrid a:link.disabledPagingLink, a:visited.disabledPagingLink
{
    color:#cccccc;
    cursor:default;
    border:1px solid #aaaaaa;
    padding:0px;
    padding-left:6px;
    padding-right:6px;
    margin:3px;
    text-decoration:none;
}

#paginggrid a.disabledPagingLink:hover
{
    color:#aaaaaa;
    cursor:default;
    border:1px solid #7799aa;
    padding:0px;
    padding-left:6px;
    padding-right:6px;
    margin:3px;
    text-decoration:none;
}

#paginggrid p
{
    text-align:center;
}

#paginggrid table
{
    background:#E0E1FF;
    border-top:1px solid #0E5BAB;
    border-left:1px solid #0E5BAB;
    border-right:1px solid #0E5BAB;
    border-bottom:1px solid #0E5BAB;
    -moz-border-radius:6px;
    -webkit-border-radius:2px;
    border-radius:6px;
   
}

#paginggrid #pagingbuttontable {
    border:0px;
    background:transparent;
}

.myaccount {
    width:500px;
    margin:0 auto;
}

#paginggrid th
{
    color: #ffffff; text-decoration: none;
    padding:0px;
    text-align:left;
    font-weight:bold;
    background:url("../../images/kernel/paging/paginghead.gif");
    border-bottom:1px solid #000000;
}

#paginggrid th span
{
    padding:4px;
    line-height:1.5em;
}

#paginggrid th a, #paginggrid th a:link, #paginggrid th a:visited {

	text-decoration:none;
    background:url("../../images/kernel/paging/paginghead.gif");
    line-height:1.5em;
    display:block;
    padding:4px 0 4px 0;
    padding-right:0px;
    width:100%;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:-1px;
    margin-right:14px;
    color:#ffffff;
    border-bottom:1px solid #000000;
}

#paginggrid th a:hover
{
	text-decoration:none;
    background:url("../../images/kernel/paging/paginghead-hover.gif");
    line-height:1.5em;
    display:block;
    padding:4px 0 4px 0;
    width:100%;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:-1px;
    margin-right:14px;
    text-decoration:none;
}

#paginggrid td
{
    text-align:left;
    padding:6px;
    overflow:hidden;
}

#paginggrid  .pagingfirstemptyrow
{

    border-top:1px solid #446688;
    background:#eeeeee;
}

#paginggrid  .pagingemptyrow
{
    background:#eeeeee;
}

.pagingrow0
{
    background:#eeeeee;
}

.pagingrow1
{
    background:#ffffff;
}

.clickablerow
{
    background:#C2D6EA;
    color:#000000;
    cursor:pointer;

}

.headerMenu ul {
	list-style: none;
    padding:0px;
    margin:0px;    
    color:#FFFFFF;
    float:right;
    height:12px;
}

.headerMenu a {
    color:#FFFFFF;
}
.headerMenu li {
  color:#FFFFFF;
  float:left;
  padding-right:9px;
  padding-left:9px;
  margin-top:0px;
  background:transparent;
  font-size:.9em;
  font-weight: bold;
  border-left: 1px solid #FFFFFF;
}