
.box_content {
	background-color: #FFFFFF;
	float:left;
}
.box_blue_content {
	background-color: #FFFFFF;
	float:left;
	width:100%;
}
.box_blue_head{
	background-image:url("/images/tpset/blue-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}
.box_red_head{
	background-image:url("/images/tpset/red-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}
.box_green_head{
	background-image:url("/images/tpset/green-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}
.box_orange_head{
	background-image:url("/images/tpset/orange-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}
.box_yellow_head{
	background-image:url("/images/tpset/yellow-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}
.box_gray_head{
	background-image:url("/images/tpset/gray-bg.png");
	margin: 0px;
	font-size: 1.3em;
	color: #FFFFFF;
	height:24px;
	padding-top:3px;
	float:left;
}

.box_search_head{
	background-color: #e0e0e0;
	padding: 3px 8px 3px 5px;
	border-bottom: 1px solid #fff;
	color: #222222;
}
.box_search_content {
	float:left;
	background-color: #f5f5f5;
	width: 170px;
	padding: 5px;
	border-bottom: 1px solid #fff;
}
.box_search_submit {
	float:left;
	width: 180px;
	padding:0px;
	background-color: #ffffff;
	text-align:center;
	border-bottom:1px solid #ffffff;
}
div.pagination {
	padding: 3px;
	margin: 3px;
	font-size: .8em
}

div.pagination a {
	padding: 1px 3px 1px 3px;
	margin: 2px;
	border: 1px solid #69c;

	text-decoration: none; /* no underline */
	color: #69c;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #69c;
	color: #333;
	background-color:#9cf;
}
div.pagination span.current {
	padding: 1px 3px 1px 3px;
	margin: 2px;
	border: 1px solid #69c;

	font-weight: bold;
	background-color: #69c;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 1px 3px 1px 3px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/*topmenu sliding*/

div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#myElement {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background-color: #f9f9f9;
	float: left;
}

div#myOtherElement {
	width: 200px;
	height: 20px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #f9f9f9;
}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
}

div#myOtherElement a:hover {
	background: #f5f5f5;
}