@charset UTF-8;

/* CSS Document */
/*	
/	HTML TAGS AND CLASSES		
/	body, h1, strong, a, .left, .red ect...
*/

body,html,ul,li {
margin:0;
padding:0;

}
body {
}
h1,h2 {
margin:5px;
}

hr {
margin:5px 0;
}

p {
margin:5px;
padding:5px;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

.inner {
width:980px;
margin:auto;
padding:10px;
background:#fff;
-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
}
#nav .inner, #header .inner {
	background:none;
	padding:0px;
}

/*	
/	FORM AND BUTTON STYLES		
/	input, textarea, select, radio, .button, ect...
*/

input[type=text],input[type=password],textarea {
padding:5px 8px;
}

.css_button,input[type=button],input[type=submit] {
padding:5px 8px;
}

/*
/	CONTENT BOXES
/	Boxes used for different areas of content
*/

.message {
padding:5px;
margin-bottom:10px;
}

.box {
margin:5px;
}

.box-content {
padding:5px;
}

.small-grid-item {
width:86px;
margin:5px;
padding:5px;
}

.media-grid-item {
width:160px;
margin:7px;
}

.media-grid-thumb {
width:160px;
height:100px;
overflow:hidden;
}

.re {
float:right;
clear:right;
width:500px;
}

/*	
/	GENERAL BOX MODEL OF THE LAYOUT			
/	header, wrap, inner, footer, side, main ect...
*/

#main {
width:720px;
}

#side {
width:250px;

}

#left {
width:180px;
}

#middle {
width:544px;
margin-left:4px;
}

#content {
}

#footer {
	bottom:0px;
}
/*** END COMMON ***/
/*
/*
/*** HEADER ***/

#header {
height:56px;

}

.user_area_box td a {
	padding:0 5px;
	
}
#search_table{
	margin-top:5px;
}

/*** END HEADER ***/
/*
/*
/*** TOP NAVIGATION ***/

#logo {

}

#nav_tabs {
padding:0;

margin-top:0px;
}

ul#nav_tabs li,ul#info_tabs li {
display:inline;
list-style:none;
padding:0px 5px;
padding-bottom:0px;
}
#nav {
	margin-bottom:15px;
	padding-bottom:0px;
}
/*** END TOP NAVIGATION ***/
/*
/*
/*** TABS ***/

.box-tabs {
margin:5px 1px;
height:15px;
padding:5px;
padding-top:10px;
}

.box-tabs li {
list-style:none;
display:inline;
margin:0 1px;
padding:5px 8px;
padding-bottom:3px;
}

.box-top-tabs {
margin:5px 1px;
height:10px;
padding:5px;
}

.box-top-tabs li {
list-style:none;
display:inline;
margin:0 1px;
padding:5px 8px;
padding-bottom:3px;
}

/*** END TABS ***/
/*
/*
/* SIDE */

.side-list li {
margin:5px 0;
padding:5px;
}

.side-list li img {
position:relative;
top:3px;
margin-right:8px;
}

/* END SIDE */
/*
/*
/*** FOOTER ***/

#footer {
padding:5px;
margin-top:15px;
}

ul#footer-links {
margin:10px;
}

ul#footer-links li {
list-style:none;
}

/*** END FOOTER ***/


/*** CSS SPRITE ICONS ***/
.list-i-d {
	background:url('../icons/layout.png');
	background-position:0 0;
	width:24px;
	height:20px;
	margin-left:17px;
}
.list-i-u {
	background:url('../icons/layout.png');
	background-position:0 20px;
	width:24px;
	height:20px;
	margin-left:17px;
}
.grid-i-u {
	background:url('../icons/layout.png');
	background-position:24px 20px;
	width:24px;
	height:20px;
}
.grid-i-d {
	background:url('../icons/layout.png');
	background-position:24px 0px;
	width:24px;
	height:20px;
}