.spriteline {float:left;margin-right:3px;margin-top:3px}
.sprite {
    background-image: url(http://www.animateit.net/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-facebook {
    width: 20px;
    height: 20px;
    background-position: -3px -3px;
}

.sprite-gplus {
    width: 20px;
    height: 20px;
    background-position: -29px -3px;
}

.sprite-pinterest {
    width: 20px;
    height: 20px;
    background-position: -55px -3px;
}

.sprite-reddit {
    width: 20px;
    height: 20px;
    background-position: -81px -3px;
}

.sprite-tumblr {
    width: 20px;
    height: 20px;
    background-position: -107px -3px;
}

.sprite-twitter {
    width: 20px;
    height: 20px;
    background-position: -133px -3px;
}



small {font-size:11px}

.outershell{border: 2px solid #60a0ff; width: 95%; text-align: center;background-color: #FFF;-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;}
.innershell{border: 2px solid #6060ff;-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;}
.cpfull1{display:none;padding:0px;margin:0px;text-align:right;}
.cpfull2{display:block;text-align:right;padding:0px;margin:0px;}

.patrick {
font-family: 'Patrick Hand', cursive;
}
.bubblegum {
font-family: 'Bubblegum Sans', cursive;
}
.bitter {
font-family: 'Bitter', serif;
}
.roboto {
font-family: 'Roboto', sans-serif;
}

a.nounderline:link {text-decoration: none}
a.nounderline:visited {text-decoration: none}
a.nounderline:hover {text-decoration: none}
a.nounderline:active {text-decoration:none}


.imagetitle {
  font-family: 'Bitter', serif;
  font-size: 18px;
  font-weight: 700; 
  color: #00035e;
text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);	
}

a.imagetitle:link {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: none}
a.imagetitle:visited {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: none}
a.imagetitle:hover {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: underline}
a.imagetite:active {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e}


.maincat {
  font-family: 'Bitter', serif;
  font-size: 18px;
  font-weight: 700; 
  color: #00035e;
text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);	
}

a.maincat:link {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: none}
a.maincat:visited {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: none}
a.maincat:hover {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e; text-decoration: underline}
a.maincat:active {text-shadow: 1px 1px 3px rgba(59, 147, 181, .7);font-weight: 700;font-size: 18px;font-family: 'Bitter', serif;color: #00035e}


.thumbnail-container {
   border: 2px solid #434354;
   background: #ffffff;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.6) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.6) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.6) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   width:100%;
   padding: 5px 0px 5px 0px;
   margin-bottom: 20px;
   
   }

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  width: 230px;
border: 2px solid #676f73;
   background: #d6e4f0;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 12px;
border: 2px solid #676f73;
   background: #d6e4f0;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
padding:1px;
  font-size: 12px;
border: 2px solid #676f73;
   background: #d6e4f0;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
}


.form-field {
   border: 2px solid #676f73;
   background: #d6e4f0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #000000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:10px;
   
   }
.form-field:focus {
   background: #fff;
   color: #04324a;
   }
.submit-button {
   border: 2px solid #676f73;
   background: #92abeb;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccf5f3), to(#92abeb));
   background: -webkit-linear-gradient(top, #ccf5f3, #92abeb);
   background: -moz-linear-gradient(top, #ccf5f3, #92abeb);
   background: -ms-linear-gradient(top, #ccf5f3, #92abeb);
   background: -o-linear-gradient(top, #ccf5f3, #92abeb);
   background-image: -ms-linear-gradient(top, #ccf5f3 0%, #92abeb 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #80cfd9 0 1px 0;
   color: #000000;
   font-family: helvetica, serif;
   padding: 4px 10px;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 2px solid #676f73;
   text-shadow: #80cfd9 0 1px 0;
   background: #92abeb;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccf5f3), to(#92abeb));
   background: -webkit-linear-gradient(top, #ccf5f3, #92abeb);
   background: -moz-linear-gradient(top, #ccf5f3, #92abeb);
   background: -ms-linear-gradient(top, #ccf5f3, #92abeb);
   background: -o-linear-gradient(top, #ccf5f3, #92abeb);
   background-image: -ms-linear-gradient(top, #ccf5f3 0%, #92abeb 100%);
   color: #008000;
   }
.submit-button:active {
   text-shadow: #80cfd9 0 1px 0;
   border: 2px solid #676f73;
   background: #ccf5f3;
   background: -webkit-gradient(linear, left top, left bottom, from(#92abeb), to(#92abeb));
   background: -webkit-linear-gradient(top, #92abeb, #ccf5f3);
   background: -moz-linear-gradient(top, #92abeb, #ccf5f3);
   background: -ms-linear-gradient(top, #92abeb, #ccf5f3);
   background: -o-linear-gradient(top, #92abeb, #ccf5f3);
   background-image: -ms-linear-gradient(top, #92abeb 0%, #ccf5f3 100%);
   color: #008000;
   }
.smallsubmit-button {
   border: 1px solid #676f73;
   background: #92abeb;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccf5f3), to(#92abeb));
   background: -webkit-linear-gradient(top, #ccf5f3, #92abeb);
   background: -moz-linear-gradient(top, #ccf5f3, #92abeb);
   background: -ms-linear-gradient(top, #ccf5f3, #92abeb);
   background: -o-linear-gradient(top, #ccf5f3, #92abeb);
   background-image: -ms-linear-gradient(top, #ccf5f3 0%, #92abeb 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #80cfd9 0 1px 0;
   color: #000000;
   font-family: helvetica, serif;
   padding: 2px 5px;
   font-size: 10px;
   font-weight;bold;
   text-decoration: none;
   vertical-align: middle;
   }
.smallsubmit-button:hover {
   border: 1px solid #676f73;
   text-shadow: #80cfd9 0 1px 0;
   background: #92abeb;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccf5f3), to(#92abeb));
   background: -webkit-linear-gradient(top, #ccf5f3, #92abeb);
   background: -moz-linear-gradient(top, #ccf5f3, #92abeb);
   background: -ms-linear-gradient(top, #ccf5f3, #92abeb);
   background: -o-linear-gradient(top, #ccf5f3, #92abeb);
   background-image: -ms-linear-gradient(top, #ccf5f3 0%, #92abeb 100%);
   color: #008000;
   }
.smallsubmit-button:active {
   text-shadow: #80cfd9 0 1px 0;
   border: 1px solid #676f73;
   background: #ccf5f3;
   background: -webkit-gradient(linear, left top, left bottom, from(#92abeb), to(#92abeb));
   background: -webkit-linear-gradient(top, #92abeb, #ccf5f3);
   background: -moz-linear-gradient(top, #92abeb, #ccf5f3);
   background: -ms-linear-gradient(top, #92abeb, #ccf5f3);
   background: -o-linear-gradient(top, #92abeb, #ccf5f3);
   background-image: -ms-linear-gradient(top, #92abeb 0%, #ccf5f3 100%);
   color: #008000;
   }





a.redlink:link {color: #800000; text-decoration: none}
a.redlink:visited {color: #800000; text-decoration: none}
a.redlink:hover {color: #800000; text-decoration: underline}
a.redlink:active {color: #800000}

a:link {color:#006ca6;}      /* unvisited link */
a:visited {color:#006ca6;}  /* visited link */
a:hover {color:#4b2c7a;}  /* mouse over link */
a:active {color:#006ca6;}  /* selected link */




table.middlecontent {
vertical-align: top;
width: 95%;
}

table.100per {
vertical-align: top;
width: 100%;
}


body {
  background-color: #434354; 
  color: #004c75;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
  SCROLLBAR-BASE-color:  #004c75;
  SCROLLBAR-ARROW-color: #fcdc43;
  height:100%;	
}

html{
    height:100%;
}


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

.raq {
color: #789aac;
}

h1 {
font-family: Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: bold;
border: 0px;
display: inline;
color:#3B3178;
}

.likeh1 {
font-family: Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: bold;
border: 0px;
display: inline;
color:#3B3178;
}


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


h2 {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height:150%;
display: inline;
border: 0px;
}




h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
color: #006ca6;
border: 0px;
  font-weight: bold;
display: inline;
}

.categorytext {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
border: 0px;
  font-weight: normal;
}

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

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

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



.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

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


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


.tablehead {
  background-color: #ffffff;
  color: #004c75;
}

.tablebottom {
  background-color: #6a6a8a;
}

.bordercolor {
  background-color: #6a6a8a;
}

.catbordercolor {
background-color: #a9bec9
}

.tablebgcolor {
  background-color: #ffffff;
}

.navbar {
  background-color: #cbdbe5;
  color: #004c75;
}

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

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



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

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

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

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




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

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



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

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #003366;
  color: #fcdc43;
  font-size: 12px;
  font-weight: bold;
}

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





.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height:150%;	
}

a.subcat:link {color: #005888; text-decoration: none}
a.subcat:visited {color: #005888; text-decoration: none}
a.subcat:hover {color: #4b2c7a; text-decoration: underline}
a.maincat:active {color: #005888}

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

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

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

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

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

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

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

/*-----------------------------------------------------*/
/*--- [MOD] Ajax Star Rating --------------by Bash-T---*/
/*START------------------------------------------------*/
/* ul top was -5 */
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -20px; POSITION: relative; FLOAT: left; BACKGROUND: url('images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('images/stars.gif') left 25px; left:0px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #717E7D; }
/*-----------------------------------------------------*/
/*--- [MOD] Ajax Star Rating --------------by Bash-T---*/
/*--------------------------------------------------END*/