/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend 
,table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  vertical-align: top;
  background:transparent;
  color: inherit;
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-size: 1em;}
em { font-style:italic; }
strong { font-weight:bold; }

textarea{ overflow: auto; }
a img, a:link img, a:visited img {border: 0;}
table { border-spacing: 0;}
  td{ vertical-align: top; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
a:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}


/********************************
 * STANDARD
 */

hr,.hr
{ 
  border: 0 #c7c7c7 solid;
  border-top-width: 1px;
  clear: both;
  height: 0; 
}

.noramka{padding:0; margin:0; border:0;}

/*
 * DEBUG
 */
/*
#debug{ font-size: 11px; font-family: Tahoma; text-align: left; margin-top:500px; padding: 20px; background: #fff; border: 1px solid black; color: #000; } 


#debug h2 {
  float:left;   
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important; 
}
#debug li
{
  border: 1px solid #999;
  padding: 5px;
  margin:5px;
}
#debug li a 
{
  color: #333;
  display: block;
  
  border-bottom: 1px solid #eee;
  
  font-size: 12px;
  font-weight: bold;
  
}
#debug li div {}
*/
#debug 
{
  font-size: 11px; 
  font-family: Tahoma; 
  text-align: left; 
  margin-top:500px; 
  padding: 20px; 
  background: #fff; 
  border: 1px solid black; 
  color: #000;
  
  height: 500px;
  height: auto !important;
  min-height: 700px;
}
#debug h1
{
  font-size: 15px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  letter-spacing:1px;
}
#debug ul.tabs 
{ 
 
  list-style:none; 
  
  height:30px;
}

/* single tab */
#debug ul.tabs li { 
  float:left;  
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#debug ul.tabs a 
{ 
  background: #f7f7f7;
  font-size:13px;
  font-weight: bold;
  display:block;
  height: 30px;  
  line-height:30px;
  border: 1px solid #666;
 
  text-align:center;  
  text-decoration:none;
  color:#333;
  padding:0px 10px;
  margin:0px 5px; 
  position:relative;
  top:1px;
}
#debug ul.tabs a:hover 
{

  background: #333;
  color:#fff; 
}
#debug ul.tabs a.current, #debug ul.tabs a.current:hover, #debug ul.tabs li.current a 
{  
  cursor:default !important; 
  color:#000 !important;
  background: #fff;
  border-bottom: 1px solid #fff;
}
#debug div.debug-pane
{
  border: 1px solid #666;
  padding: 20px;
}
#debug ul.debug-pane-item li
{
  margin:10px 0 0;
  border-bottom: 1px dotted #eee;
  border-left: 1px dotted #fff;
  padding:0 0 10px;
}
#debug div.debug-instance
{
  padding-left: 20px;
  display: none;  
}
#debug a.debug-init 
{
  font-size: 12px;
  display: block;
  color: #666;  
}
#debug a.debug-init:hover
{
  color: #000;
}
#debug a.on
{
  color:#BD0909 !important;
}
#debug ul.debug-pane-item li.on
{
  border-left: 1px dotted #BD0909;
  border-bottom: 1px dotted #BD0909;
}

/*
 * Colors
 */
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}

/*
 * Clears
 */
.clear,
.clear10,
.clear15,
.clear30,
.clear45,
.clear60 
{
  clear: both; 
  font-size:1px; 
  height: 1px;
}
.clear10 {height: 10px;}
.clear15 {height: 15px;}
.clear30 {height: 30px;}
.clear45 {height: 45px;}
.clear60 {height: 60px;}

.center{ text-align: center;}
 
.tc{ text-align: center !important;}
.tr{ text-align: right !important;}
.tl{ text-align: left !important;}

.lt{ text-decoration: line-through !important; }
.lu{ text-decoration: underline !important; }
 
.fn{ float: none !important;}
.fr{ float: right !important;}
.fl{ float: left !important;}
 
.hidden { display: none;}