/* 
czcionka standardowa to 12px 
prócz tego jest też ogólny styl Small i SuperSmall
*/
body, p, div, h1, h2, h3, h4, h5, h6, li, ol, ul, td, th, dd, dt,input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #303030;/*tu chodzi o czcionkę*/
}

BODY
{
margin-top:0;
margin-left:0px;
margin-right:0px;
background-color:#ffffff;
/*błekit:*/
/*background-image:url('http://www.konradp.com/wsystem/images/phpimg_gradient_rect.php?color=229,239,255&dir=v&width=1&height=420&change=0.07');*/

/*ciemniejszy nieb*/
background-image:url('http://corlive.com/images/gradient.php?color=199,209,225&dir=v&width=1&height=620&change=0.2');

/*stalowo-zielony:*/
/*background-image:url('http://corlive.com/images/gradient.php?color=192,207,212&dir=v&width=1&height=420&change=0.17');*/
background-repeat: repeat-x;
}

/*ogólne*/


a 			{ color: #003366; text-decoration: none; }
a:link		{ color: #003366; text-decoration: none; }
a:visited	{ color: #003366; text-decoration: none; }
a:active	{ color: #004496;  }
a:hover		{ color: #006396; text-decoration: none; }

/*
z czerw. podkreśleniem
A:hover		{ border-bottom-style: solid; border-bottom-width: 1;border-bottom-color: #DD0000; }
*/

/*by nie było ramki wokół images będących linkami*/
a img{
 border:none;
}


UL
{ 
line-height: 130% ;
}

P
{ 
line-height: 160%; 
}

H1
{
/*FONT-SIZE:130%;*/
font-size:18px;
color:#000040;
/*color:#202060;*/
}

H2
{
font-size:15px;
color:#000040;
/*color:#202060;*/
/*margin-bottom:1.1em;*/
/*text-decoration: underline;*/
font-weight: bold;
}

H3
{
font-size:13px;
color:#202060;
font-weight: bold;
}	

H4
{
/*FONT-SIZE:95%;*/
font-size:11px;
color:#900000;
text-decoration: underline;
}	

TABLE
{
FONT-SIZE:11px;
}


SMALL
{ 
font-size:10px;
}

/*
działa ok, ale nie wiem czy lepiej wygląda:
button,input[type=submit]{
  border:1px solid #606060;
}
*/



/*
niestety działa też na przyciskach....
INPUT, TEXTAREA {
background-color:transparent;
}
*/
/*
ukryty np. div lub p lub tr
używane min. dla pola antibotowego w comments_utils.php - user ma nie widzieć pola "antibot", boty natomiast z chęcią je wypełnią
*/
.hid{
  display:none;
}

/*
gdy chcemy by coś co nie jest linkiem ( a ) wyglądało jak link (miało odpow. cursor i kolor) 
*/
.pseudolink{
  cursor:pointer;
  color: #003366;
  text-decoration: none;
}

/* ---------------------------------------------- */
/* page... styles dla page głównego (index.php), być może też (ale wątpliwe) dla innych stron) */


.page_left{
 float: left;
 width:72%;
 position:relative;
 /*border: 1px solid #0099FF;*/
 /*background-color:#FF0000;*/
 padding: 4px 4px 4px 4px;
 font-size:11px;
 background: inherit;
}

.page_right{
 float:right;
 width:20%;
 padding: 4px 10px 4px 10px;
 margin-left:4px;
 background: inherit;
 border-left: 1px dotted #cccccc;
}

/*top bar*/
.topbar
{
  /*width:100%;*/
  background-color:#ffffff; 
  padding-left:9px;padding-right:9px;padding-top:9px;padding-bottom:9px;
  margin-bottom:10px;
  
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=-1&color=01,120,179');*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=-1&color=8,145,200');*/
  /*jaśniejszy, optymistyczniejszy: background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=0.5&color=85,163,230');*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=0.5&color=19,87,136');*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=-0.3&color=56,87,153');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=200&change=-0.4&color=76,107,173');
  
  background-repeat: repeat-x;
  color:white;
  text-transform: uppercase;
  font-size:10px;
}
.topbar a,.topbar a:visited,.topbar p{
  color:#eeeeee;
  font-size:10px;
}
.topbar a:hover{
  text-decoration:underline;
  color:white;
  text-decoration: none;
}



/*zwyczajne odsunięcie w prawo, nic więcej*/
.subsection{
  margin-left:20px;
}

/*frame, w środku z reguły jest wstawiony tytuł w h2*/
.frame
{
  /*padding:5px 5px 5px 5px;
  margin:5px 3px 3px 3px;
  */
  padding: 4px 10px 4px 10px;
  margin:  5px 1% 5px 1%;  
  border:1px solid #CCCCCC;
  
  /*błękit*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=h&width=900&height=1&change=0.2&color=239,249,255');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=900&height=1&change=0.2&color=244,250,254');
  
  background-repeat: repeat-y;	
}

.frame h2, .frame h3{
	padding:2px 5px 2px 5px;
	margin-top:1px;margin-bottom:10px;
	margin-left:-5px;margin-right:-5px;

	text-decoration:none;
  color:#404040;
  font-size:100%;

	/*letter-spacing: 2px;*/

  /*jasny nieb:*/
  /*background-image:url('http://corlive.com/images/gradient.php?color=01,110,169&dir=v&width=1&height=20&change=2.9');*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=1.9&color=117,158,200');*/
  /*jasny nieb, #cce0f4*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=0.5&color=184,204,244');*/
  /*background:#6E84B4;*/
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=400&height=1&change=0.1&color=110,132,180');

  /*stalowo-zielonkawy:*/
  /*background-image:url('http://corlive.com/images/gradient.php?color=192,207,212&dir=v&width=1&height=20&change=2.2');
  color:black;*/
  color:white;
  
  background-repeat: repeat-y;
  
  
 
 /*szary plus wiśnia:*/
 /*
  background-image:url('http://corlive.com/images/gradient.php?color=240,240,240&dir=v&width=1&height=20&change=1.2');
  background-repeat: repeat-x;
  color:#900000;
  */
  
   
  border:1px solid #ccdddd;	
  
}

.frame h2 a{
	color:white;
}

.frame p{
  margin-top:7px;
  margin-bottom:7px;
  /*width:100%;*/
}

/*
.frame p:hover{
  width:100%;
  background:red;
}
*/

.frame_subtitle{
  color:#009900;
  margin-top:-5px;
  line-height:1.1em;
  text-align:right;
  font-style: italic;
}


/*ramka bez żadnego tła */
.frame_simple
{
  /*padding:5px 5px 5px 5px;
  margin:5px 3px 3px 3px;*/
  padding: 4px 10px 4px 10px;
  margin:  5px 1% 5px 1%;
  border:1px solid #CCCCCC;
}
.frame_simple h2, .frame_simple h3, .frame_simple h4{
}

/*mały link - używ. przy linkach typu delete, edit etc. pod wiadomościami czy kontaktami*/
.tool_link{
  font-size:90%
}
.tool_link img{
  width:13px;
  height:13px;
  vertical-align: middle;
}

/*------------------------------------
tabs, wykorzyst. min. w http://corlive.com/account_options_main.php
*/
.tabs{
  margin:5px 0px 0px 0px;
  padding:5px 0px 5px 0px;/*musi być takie samo jak w .tabs a chyba*/
  border-bottom:1px solid #f0f0f0;
}

.tabs a{
  padding:5px 9px 5px 9px;
  margin:0px 5px 0px 0px;
  /*background-color:#d6eafe;*/
  background-color:#fbfbfb;
  border:1px solid #e9e9e9;
}
.tabs a:hover{
  background-color:#f7f7f7;
}


/*używ. przez account.php do pokazania tytułu wiadom. i innych takich w skrócie*/
.message_snippet{
	padding:2px 5px 2px 5px;
	margin-top:2px;
	border:1px solid #eeeeee;
	color:white;
  /*background-image:url('http://corlive.com/images/gradient.php?color=255,245,235&dir=v&width=1&height=80&change=0.5');
  background-repeat: repeat-x;
  */
  border-left:1px solid #900000;
}

.message_snippet p{
	
}
/*tytuł wiadom. gdy przeczytana - np. brak pobrubienia*/
.msg_title_read{
  font-size:110%;
}
/*tytuł wiadom. gdy NIE-przeczytana - np. pobrubienie*/
.msg_title_unread{
  font-weight: bold;
  font-size:110%;
}

/*używ. przez account_show_msg.php do pokazania całej wiadomości*/
.message{
	padding:2px 10px 2px 10px;
	margin-top:2px;
	border:1px solid #eeeeee;
	color:#000000;
  /*ziel:background-image:url('http://corlive.com/images/gradient.php?color=235,255,235&dir=h&width=800&height=1&change=0.2');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=300&height=1&change=0.3&color=244,250,254');
  background-repeat: repeat-y;
}

/*używ. min. gdy pokazywanie wiadomości i jest cytat [quote]blah[/quote]*/
blockquote{
  padding:5px 70px 5px 5px;
  background-position: 97% 20%;
  margin-left:20px;
  margin-right:0px;
  border:1px solid #cccccc;
  background-color:#fafafa;
  background-image:url('http://corlive.com/images/quotation.gif');
  background-repeat: no-repeat;
}
/*
giItems - np. todos
*/
.item_item{
	padding:2px 10px 2px 10px;
	margin-top:2px;
	border:1px solid #eeeeee;
	color:#000000;
  /*ziel:background-image:url('http://corlive.com/images/gradient.php?color=235,255,235&dir=h&width=800&height=1&change=0.2');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=300&height=1&change=0.3&color=244,250,254');
  background-repeat: repeat-y;

}

.todo_completed_yes .item_title{
 color:black;
}
.todo_completed_no  .item_title{
 color:#666;
}


/*
///////////////////////////////////////
używ. przez account_contacts.php
*/
.contact{
	padding:10px 5px 0px 10px;
	margin-top:2px;
	border:1px solid #eeeeee;
	border-left: 1px solid #0000aa;
}

/*
////////////////////////////////////////////////////
używ. przez pliki w kat. help/ do divów w contents 
*/
.helpLinkDiv{
  margin-bottom:10px;
  padding-left:10px;
}

.helpLinkDiv a{ 
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=6&height=6&change=0.3&color=190,195,205');
  background-repeat:no-repeat;
  background-position: 0px 50%;
  padding-left:10px;
}
.helpLinkDiv a:hover{
  background-image:url('http://corlive.com/images/gradient.php?dir=h&width=6&height=6&change=0.3&color=140,0,0'); 
}

/*używ. przez pliki w kat. help/ dla prawej strony*/
.helpRightPage{
  float:left;
  width:72%;
  margin:0px 0px 0px 0px;
  overflow:hidden;
  padding-left:2%;
  border-left:1px solid #b8cce0;
}

.helpRightPage p {
  text-align:justify;
}
/*
np. w a
*/
.button
{
  padding:4px 4px 4px 4px;
  margin:2px 2px 2px 2px;
  border: 1px solid #eeeeff;
  /*brąz: background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=64&change=-2&color=156,21,18');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=64&change=-1&color=255,255,255');
  background-repeat: repeat-x;
}
.button img{
  width:16px;
  height:16px;
  vertical-align: middle;
}

.indent{
  margin-left:10px;
}
.spacer {
	clear: both;
}
/*
//////////////////////////////
tests 
*/
.cKrowa #idSpan{
 color:red;
}
/* ////////////////////////////////////////////////////////////////
dynamic menu */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	text-transform: none;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Verdana;
	/*font-weight: bold;*/ 
}

/*główne menu. gdy nie-hoover:*/
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	/* kolor gł. menu gdy mysz nie hooveruje*/
	/*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=3.9&color=186,215,236');*/
	/*color: #1E6291;*/
	/*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=3.9&color=29,97,146');*/
	background:#5C75AA;
	color: #ffffff;
	text-align: center;
	text-decoration: none
  }

#sddm li a img{
  width:16px;
  height:16px;
  vertical-align: middle;
  margin-right:5px;
}

/*gł. menu:linki gdy hoover */
#sddm li a:hover
{	
  background:#5C75AA;
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=3.9&color=49,117,166');*/
  
}

/*podmenu*/
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 3px 3px 3px 3px;
	/* ten kolor chyba nigdzie nie wykorz. choć np. jak wstawimy hr to dlań działa. */
	background: #fff;
	border: 1px solid #5C75AA;
}

/* podmenu:linki gdy mysz nie hooveruje */
#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	
	/*background:#5C75AA;*/
	background:#fff;
	color: #333;
	font: 11px Verdana;
}

/* podmenu:linki gdy mysz hooveruje */
#sddm div a:hover
{	
  /*background: #49A3FF;*/
  background:#5C75AA;
	color: #FFF
}

/* end of dynamic menu */