@charset "utf-8";

/*-------------------------------------
	File name: main.css	
	Create date: 19/12/2009
	Last change: 04/02/2010
	Project: MowIcons
	Author: Pham Lam
	Version: 1.0
	Description:
---------------------------------------*/


@import url("reset.css"); /* This is the reset file */
@import url("960.css"); /* Css framework */


/* Global */
body {
	background:#c4d4dc url(../images/bgr_wrap1.jpg) top center no-repeat;
	color:#000; 
	font: 62.5%/16px Tahoma, Arial, Helvetica, sans-serif;
	}
a:link {
	color:#ccc;
	text-decoration:none;
	}
a:hover, a:visited {
	color:#0072bc;
	text-decoration:underline;
	}
	
/* Wrap */	

#wrap {
	margin:0 auto;
	width:960px;
	}

#wrap1 {}

#wrap2 {}
	
/* Banner */	

#banner {
	height:112px;
	}
#logo {
	float:left;
	}

/* Start Content*/

.conTop {
	background:#fff url(../images/conTop_bgr.jpg) top left no-repeat;
	}
.conBottom {
	background:url(../images/conBottom_bgr.jpg) bottom left no-repeat;
	padding:15px;
	}	

/* Icons Images */
#iconsImages {
	margin:7px	}

#iconsImages h2 {
	font-size:22px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #d7d7d7;
	}	
#iconsImages p {
	margin-top:0;
	margin-bottom:10px;
	line-height:15px;
	}
#iconsImages  img {
	border:1px #c2c2c2 solid; margin:1px 8px 8px 0; padding:5px;
	}
#iconsImages  img:hover {
	border:1px solid #558800;
	 cursor: pointer;
	}
.hovertip {
	padding:5px 10px;
	background:#f5f5f5;
	border:1px solid #adbedf;
	filter:alpha(opacity=65);-moz-opacity:.95;opacity:.95;
	display: none;
	position: absolute;
	width: 200px;
}

.hovertip label {
	width:45px !important;
font-size:12px;
    float: left;
	}	
.txtCode{
	border:1px solid #BEBEBE;
	background-color:#FFFFEB;
	color:#666;
	width:150px;
	font-size:11px;
	padding:0.17em 0;
	filter:alpha(opacity=65);-moz-opacity:.95;opacity:.95;
	}
.hovertip li {
	margin:5px 0;
	}	
/* --------------------- Sidebar ---------------------*/	

#sidebar {
	font-size:13px;
	}

#iconsCategory {
	margin-bottom:15px;
	}
.sidePad h2 {
	font-size:22px;
	padding:10px 10px 15px 10px;
	margin-bottom:5px;
	border-bottom:1px solid #d7d7d7;
	}
.sideBox {
	background:#fff;
	}
.sdBoxRound {
	background:url(../images/sdBoxBottom.gif) bottom left no-repeat;
	}
.sidePad {
	background:url(../images/sdBoxTop.gif) top left no-repeat;
	padding:10px;
	}
.sidePad ul {
	padding:0;
	}
.sidePad li {
	border-bottom:1px #7da7d9 dotted;	
	}
.sidePad li a {
	background:url(../images/arrow02_ora.gif) center left no-repeat;
	color:#c07000;
	line-height:24px;
	padding-left:10px;
	text-decoration: none;
	}
.sidePad li a:hover {
	color:#0072bc;
	}
#sideAdv {
	background: url(../images/bgrAdv.gif) top left no-repeat;
	padding-top:30px;
	text-align:center;
	margin-bottom:10px;
	}
#sideAdv span {
	margin-bottom:15px;
	}	
	
/* Footer */	

#footer {
	border-top:1px solid #959595;
	font-size:12px;
	line-height:17px;
	padding:10px;
	margin-top:15px;
	}
#page {margin:15px 0;}
#page span a,#page span#currentPage, #totalPage {border:1px #e5e5e5 solid; color:#838383; line-height:20px; margin-right:5px; padding:3px 6px;}
#page span#currentPage, #page span a:hover {border:1px #e4c074 solid; color:#474848; font-weight:bold;}

.box-close {text-decoration: underline; text-align: center;}
.box-close:hover {cursor: pointer;}