/*********/
/* INDEX */
/*********/
/* general */
/* paginator */
/* sortable */
/* layout */
/* breadcrumbs */
/* form */
/* admin manual */
/* sidebar */
/* sidebar menu */
/* sidebar product category */


/***********/
/* general */
/***********/
* {
	font-family: "Times New Roman", Georgia, Serif;
}

h1 {
	font-size: 1.5em;
}

td ul, td ol {
	margin:0px;
	padding:0px;
}

td ul li, td ol li {
	margin-left:20px;
	padding:0px;
}

.float_stopper {
	float: none;
	clear: both;
	width: 90%;
	margin: auto;
}

.highlight {
	color: red;
	font-weight: bold;
}

.highlight_backlight {
	background-color: red;
}

.small_print {
	font-size: 0.8em;
	font-style: italic;
}

.fake_link {
	cursor: pointer;
}

.fake_button {
	border: 1px solid #ebebeb;
	background-color: #ebebeb;
	padding: 5px;
	display: block;
	text-align: center;
}

.clear_table * {
	color: black;
}



/*************/
/* paginator */
/*************/
.pagination {
	position: relative;
	text-align: center;
} 

.pagination a:link, .pagination a:visited {
	color: black;
}

.pagination ul {
	margin: 0 auto;
	text-align: center;
}

.pagination li {
	list-style: none;
	display: inline;
	text-align: center;
	margin: 0 10px;
}

.pagination li.disabled * {
	color: #999999;
	text-decoration: none;
}

.pagination li.active a{
	text-decoration: none;
	font-weight: bold;
	color: red;
}



/************/
/* sortable */
/************/
#sortable {
	float:left;
	width:100%;
	display:inline;
	list-style-type:none;
	margin:0;
}

#sortable li {
	color:#003366;
	background-color:#fcfcfc;
	float:left;
	border:2px solid #dddddd;
	width:90%;
	margin:1%;
	padding:1%;
	text-align:left;
	display:inline;
	cursor:move;
}

#sortable.image-style li {
	width:200px;
	text-align:center;
}



/**********/
/* layout */
/**********/
#container_inner {
	width: 96%;
	max-width: 1020px;
	margin: auto;
	padding: 2px;
	border: 1px solid red;
}

#main_content {
	width: 72%;
	margin-right: 2%;
	float: left;
}

#sidebar {
	width: 25%;
	float: right;
}



/***************/
/* breadcrumbs */
/***************/
#breadcrumbs span {
	font-size: 0.8em;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: black;
}




/********/
/* form */
/********/
form {
    padding: 5px;
} 

form label {
    display: block;
    margin: 5px;
    float: none;
    clear: both;
    overflow: hidden;
} 

form label span {
    display: block;
    float: left;
} 

form ul {
    margin-left: 20px;
} 

form #submit_button {
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* form format 1 */
form.format1 {
    width: 300px;
}

form.format1 label span {
    width: 100px;
} 

form.format1 #submit_button {
    width: 100px;
} 

/* form format 2 */
form.format2 {
    width: 100%;
} 

form.format2 label span {
    width: 30%;
}

form.format2 input, form.format2 select, form.format2 textarea, form.format2 #submit_button {
	width: 65%;
}

form.format2 textarea {
    height: 200px;
} 

form.format2 #submit_button {
	float: left;
	margin-left: 30%;
}

/* form format 3 */
form.format3 label span{
    display: none;
} 

form.format3 #submit_button {
    margin: 5px;
}



/****************/
/* admin manual */
/****************/
#show_manual {
	background-color: #ebebeb;
	padding: 5px;
}

#show_manual h3 {
	padding:2px;
	margin: 5px 0;
	background-color: black;
	color:white;
}

button.show_manual_button {
	float: right;
}



/***********/
/* sidebar */
/***********/
.sidebar_box {
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
	margin-top: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #00bfff;
	overflow: hidden;
}

.sidebar_box h3 {
	padding: 5px;
	margin:0;
	background-color: #00bfff;
	color: white;
	text-align: center;
	font-size: 0.8em;
}

.sidebar_box ul.float_white {
	margin: 0;
	padding: 0;
}

.sidebar_box ul.float_white li {
	background-color: #00bfff;
	color: white;
	float: left;
	list-style: none;
	padding: 2px;
	margin: 5px;
}



/****************/
/* sidebar menu */
/****************/
ul.sidebar_menu {
	margin:0px;
	padding:0px;
}

ul.sidebar_menu li {
	list-style: none;
	padding: 5px;
	background-color: #87ceeb;
	margin-left: 0px;
}

ul.sidebar_menu li a:link, ul.sidebar_menu li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 0.8em;
}

ul.sidebar_menu li ul {
	margin-left:20px;
	margin-bottom: 10px;
}



/****************************/
/* sidebar product category */
/****************************/
#sidebar_category a:link, .sidebar_box #sidebar_category a:visited {
	font-size:0.8em;
	color: black;
	display: block;
	padding:5px;
	border:1px solid black;
	text-decoration: none;
}

#sidebar_category {
	margin:0;
	padding:0;
}

#sidebar_category li {
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar_category ul.child_category {
	margin:0;
	padding:0;
}

#sidebar_category li.level_top > a {
	background-color:red;
	color:white;
	font-weight:bold;
}

#sidebar_category li.level_middle > a {
	background-color:yellow;
	color:black;
}

#sidebar_category li.level_end > a {
	padding-left: 20px;
}

#sidebar_category a:hover {
	background-color:#88b71d !important;
	color:white !important;
}