body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
  SCROLLBAR-BASE-color:  #006699;
  SCROLLBAR-ARROW-color: #E0F1FA;
	background-image: url('http://yoocards.com/templates/default/images/fon.png');
	background-repeat: repeat-x;  
	background-position: 0 0;    
}

hr {
  height: 1px; 
  color: #006699;
  background-color: #ffffff;
}

ul, li, p, td {
  color: #004c75;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.tablehead {
  color: #006699;
}

.tablebottom {
  background-color: #006699;
}

.bordercolor {
  background-color: #006699;
}

.tablebgcolor {
  background-color: #FFFFFF;
}

.navbar {
  background-color: #B9DBED;
  color: #006699;
}

.row1 {
  background-color: #ebf8ff;
  color: #004c75;
}

.row2 {
  background-color: #FFFFFF;
  color: #004c75;
  margin: 0px;  
}

.head1 {
  background-color: #006699;
  color: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head1:hover {
  background-color: #006699;
  color: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #006699;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
    text-decoration: none;
    color: #006699;
    font-family: Verdana, Helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #FF0000;
}

a:hover {
  color: #FF7200;
}

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

.logininput {
  background-color: #ffffff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  background-color: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  WIDTH: 120px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #136c99;
  font-size: 11px;
}

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #006699;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  width: 48px;
  padding: 1px;
  border: 1px solid #006699;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #FFFFFF;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #006699;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #CBE5F3;
  color: #004C75;
}

.imagerow2 {
  background-color: #CBE5F3;
  color: #004C75;
}

.paddingtd{
  padding: 8px;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #FFFFFF;
  color: #004c75;
}

.commentrow2 {
  background-color: #E0F1FA;
  color: #004c75;
}

.commentspacerrow {
  background-color: #d1d1d1;
  color: #004c75;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 270px;
}

a.paging {text-decoration: none;	color: #006699;	font-family: Verdana, Helvetica;	font-size: 11px; font-weight: normal;    line-height: 24px;
	background-color: #E9F8FF;
    border: 1px;
    border-style: solid;
    border-color: #006699;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}
a.paging:visited {text-decoration: none;	color: #006699;	font-family: Verdana, Helvetica;	font-size: 11px; font-weight: normal; line-height: 24px;
	background-color: #E9F8FF;
    border: 1px;
    border-style: solid;
    border-color: #006699;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}
a.paging:hover {text-decoration: none; color: #FFFFFF; font-family: Verdana, Helvetica;	font-size: 11px; font-weight: normal; line-height: 24px;
	background-color: #4396BF;
    border: 1px;
    border-style: solid;
    border-color: #006699;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}
a.paging:active {text-decoration: none; color: #FFFFFF;	font-family: Verdana, Helvetica; font-size: 11px; font-weight: normal; line-height: 24px;
	background-color: #4396BF;
    border: 1px;
    border-style: solid;
    border-color: #006699;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}   

.pagingon {text-decoration: none; color: #FFFFFF;	font-family: Verdana, Helvetica; font-size: 11px; font-weight: normal; line-height: 24px;
	background-color: #4396BF;
    border: 1px;
    border-style: solid;
    border-color: #006699;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}  

SPAN.img_folder {
    display:block;
    width:13px;
    height:13px;
    margin-right:6px;
    background-image: url('http://yoocards.com/templates/default/images/arrow_blue.gif');
    background-repeat: no-repeat;  
    background-position: 0 0;  
}

SPAN.footer_left{
    display:block;
    width:6px;
    height:19px;
    background-image: url('http://yoocards.com/templates/default/images/footer_left_blue.gif');
    background-repeat: no-repeat;  
    background-position: 0 0;  
}

SPAN.footer_right{
    display:block;
    width:6px;
    height:19px;
    background-image: url('http://yoocards.com/templates/default/images/footer_right_blue.gif');
    background-repeat: no-repeat;  
    background-position: 0 0;  
}

SPAN.header_top{
    width:690px;
}

SPAN.header_logo{
    display:block;
    width:210px;
    height:60px;
    background-image: url('http://yoocards.com/templates/default/images/header_logo_blue.gif');
    background-repeat: no-repeat;  
    background-position: 0 0;  
}

.cursor {
cursor: pointer;
cursor: hand;
}