
/*
*	CONTROLS
*/

/*
*	CONTROLS / CATEGORIES
*/

.tg
{
	background-color: #ffffff;
	background-image: url(../images/mini_arrow_min.gif);
	background-position: 9px 50%;
	background-repeat: no-repeat;
	border-color: #E4E4E4 rgb(228, 228, 228) -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 3px medium;
	color: #777777;
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background-repeat: no-repeat;
	border: 3px solid #e4e4e4;
	border-bottom: none;
	border-top: 1px solid #e4e4e4;
}

.tg:hover
{
	background-image: url(../images/mini_arrow_min_on.gif);
	background-repeat: no-repeat;
	background-position: 9px;
	cursor: hand;
	cursor: pointer;
	background-color: #fff5ba;
	border-top: 1px solid #e0d79f;
}

.tg:hover a
{
	color: #454555;
}

.tg a
{
	color: #777777;
	text-decoration: none;
}

.tg a:hover
{
	color: #111;
	text-decoration: underline;
}

.tgselected a
{
	color: #444;
}

.tgselected, .tgselected:hover
{
	background-image: url(../images/mini_arrow_max.gif);
	background-repeat: no-repeat;
	background-position: 9px;
	background-color: #fff5ba;
	border-top: 1px solid #e4e4e4;
}


.el
{
	background-color: #fff;
	border: 3px solid #e4e4e4;
	border-bottom: none;
	border-top: 1px solid #d4d4d4;
	display: none;
}

.elli0
{
	background-color: #ffffff;
}

.elli1
{
	background-color: #fdfdfd;
}

.el ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.el ul li
{
	border-top: 1px solid #D4D4D4;
	color: #444444;
	font-size: 0.9em;
	padding: 5px;
	padding-left: 10px;
	height: 14px;
}


.el ul li:hover, .el ul .selected
{
	cursor: hand;
	cursor: pointer;
	background-color: #ffffed;
	border-top: 1px solid #e0d79f;
}

.el ul a
{
	padding-left: 5px;
	display: block;
	color: #777;
	text-decoration: none;
}

.el ul a:hover
{
	color: #175eb8;
	text-decoration: underline;
}

.el ul .selected a
{
	color: #175eb8;
	text-decoration: underline;
}

.panel
{
	border-bottom: 3px solid #ededed;
}

.panel_header
{
	border-bottom: 3px solid #ededed;
}

.panel_head
{
	background-image: url(../images/panel_head_bg.gif);
	background-repeat: repeat-x;
	height: 33px;
	width: 100%;
}

.panel_head .toggle
{
	margin-left: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
}

.panel_head .panel_title, .panel_head .panel_title_off, .checkout-panel-title-right
{
	padding-left: 6px;
	padding-top: 2px;
	font-weight: bold;
	font-size: 14px;
}

.panel_head .panel_title
{
	color: #666;
}

.panel_head .panel_title_off
{
	color: #9a9a9a;
}

.panel_head_off
{
	border-bottom: 2px solid #e1e1e1;
}

.panel_controls
{
	width: auto;
}

.panel_head ul
{
	list-style: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.panel_head ul li
{
	float: right;
}

.panel_head ul li a
{
	display: block;
	padding: 7px 6px 7px 4px;
	text-decoration: none;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ababab;
	text-shadow: #222222 2px 2px 1px;
}

.panel_head ul li a:hover
{
	color: #444;
	text-decoration: underline;
}

.panel_head ul .selected a
{
	background-color: #f3f3f3;
	color: #666666;
	text-shadow: #ffffff 2px 2px 1px;
	background-image: url(../images/panel_tab.gif);
	background-position: top left;
	background-repeat: repeat-x;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	padding: 8px 8px 6px 8px;
	margin-left: 3px;
	margin-right: 3px;
}

.panel_head ul .selected a:hover
{
	color: #444444;
}

.panel_tl
{
	background-color: #fff;
	background-image: url(../images/panel_tl.gif);
	background-repeat: no-repeat;
}

.panel_tl, .panel_tlx
{
	width: 6px;
	height: 40px;
}

.panel_tlx
{
	border-left: 3px solid #e4e4e4;
}

.panel_tr
{
	background-color: #fff;
	background-image: url(../images/panel_tr.gif);
	background-repeat: no-repeat;
}

.panel_tr, .panel_trx
{
	width: 6px;
	height: 40px;
}

.panel_trx
{
	border-right: 3px solid #e4e4e4;
}

.panel_mid
{
	width: 22px;
}

.panel_container
{
	background-color: #ffffff;
	border-left: 3px solid #e4e4e4;
	border-right: 3px solid #e4e4e4;
	border-bottom: 2px solid #e1e1e1;
	padding: 3px 0px 0px 3px;
}

.table_container
{
	border-bottom: 2px solid #e1e1e1;
}


/* PANEL CONTENT */

.panel_yield
{
	padding: 5px 0 7px 7px;
	padding: 5px;
}

/* COMMENTS CONTAINER */
.comments_container
{
	background-color: #ffffff;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #e4e4e4;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 695px;
}
.cRow
{
	padding: 10px;
}
.cHeader
{
	font-size: 1em;
	font-weight: bold;
}
.cTime
{
	font-size: 0.6em;
	color: #a1a1a1;
}
.cComment
{
	font-size: 0.8em;
	font-weight: normal;
	color: #666666;
}
.cNameSurname
{
	font-weight: bold;
	font-size: 0.6em;
	color: #a1a1a1;
}
.cDesc
{
	background-color: #ffffbc;
	color: #757575;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}