/******************************************************************************
 ** SMALL SET OF COMMON CLASSES
 *****************************************************************************/
.FR { 
	float: right; 
}
.FL { 
	float: left; 
}
.FC { 
	clear: both; 
} 
.FE{ 
	clear: both; 
	font-size: 1px; 
	margin: 0px; 
	padding: 0px; 
	height: .1em; 
	border: none 0px;
}
.ITN {
	text-indent: -10000px; 
	padding: 0; 
	margin: 0;	
}

:root a:active, a:focus { outline: 0; } /* no border in firefox links */

/******************************************************************************
 ** the question cart
 *****************************************************************************/
#qcartarea {
	width:100%;
}
#cart {
	min-width: 960px;
	max-width: 1024px;
	width: 1024px;
	text-align: left; 	
	margin: 0px auto;
	height: 100%;
	background-color: #f7f7f7;
	border-top: solid 1px #c7c8c9;
	border-left: solid 1px #c7c8c9;
	border-right: solid 1px #c7c8c9;
	color: #646464;
}
.YLtr {
	min-width: 800px;
	width: 960px;
	text-align: left; 	
	margin: 0px auto;				
}
.NV {
	display: none;
}
#yclosebt a {
	margin: 1px 1px 0 0;
	display: block;
	background: url(img/thex_11x11.jpg) center center no-repeat #f7f7f7;
	width: 11px;
	height: 11px;
}
#yclosebt a:hover {
	background: url(img/thex_hv_11x11.jpg) center center no-repeat #f7f7f7;
}

#yupdownarea a {
	display: block;
	width: 17px;
	height: 16px;
}
#yupdownarea.Up a {
	background: url(img/y_arrowup_17x16.jpg) center center no-repeat #f7f7f7;
}

#yupdownarea.Down a {
	background: url(img/y_arrowdown_17x16.jpg) center center no-repeat #f7f7f7;
}
#ycartcaption {
	font-weight: bold;
}

.YLoader {
	background: url(img/loader.gif) top left no-repeat transparent;
	width: 43px;
	height: 11px;
	margin-top: 2px;
	margin-right: 12px;
	display: none;
}

h6.YH6 {
	color: #000;
	font-weight: bold;
	font-size: 114%;
}
.YH6Subheader {
	display: block;
	font-size: 100%;
	font-weight: bold;
}

span.YNormal {
	display: block;
}

span.YHint {
	display: block;
	font-style: italic;
}

.YInputComposerOuterShadow {
	border: 1px solid rgb(174, 174, 174);
	cursor: text;
}
.YInputComposerShade {
	padding: 2px 5px 3px;
	border-top: 1px solid rgb(232, 232, 232);	
}
.YInputComposerPlaceHolder {
	color: rgb(119, 119, 119);
}
.YInAnPlaceHolderTArea {
	margin: 0;
	padding: 0;
	border: none;
	height: 80px;
	width: 100%;
}
.YSaveButtonArea a {
	margin: 8px 8px 0 0;
	display: block;
	background: url(img/bt_save_no_66x20.jpg) top left no-repeat #fff;
	width: 66px;
	height: 20px;
}
.YSaveButtonArea a:hover {
	background: url(img/bt_save_ho_66x20.jpg) top left no-repeat #fff;
}
.YSaveButtonArea a:active {
	background: url(img/bt_save_pr_66x20.jpg) top left no-repeat #fff;
}
.YCancelButtonArea a {
	margin: 8px 0 0 0;
	display: block;
	background: url(img/bt_cancel_no_71x20.jpg) top left no-repeat #fff;
	width: 71px;
	height: 20px;
}
.YCancelButtonArea a:hover {
	background: url(img/bt_cancel_ho_71x20.jpg) top left no-repeat #fff;
}
.YCancelButtonArea a:active {
	background: url(img/bt_cancel_pr_71x20.jpg) top left no-repeat #fff;
}

.YOpenBarClass #ycartcnt {
	margin-top: 4px;
}

.QCartItem {
	margin: 0 4px 4px 0;
	display: inline-block; 
	float: left;
	height: 64px; 
	width: 64px; 
	border: solid 1px rgb(232, 232, 232); 	
}
.QCartItem:hover {
	border: solid 1px #2f2f2f; 	
}
.YTooltip {
	position: fixed;
	z-index: 999;
	width: 260px;
	background-color: #fff;
	border: solid 1px #cacacb;
	padding: 12px;
	bottom: 90px;
}

#openbtarea  {
	margin: 5px 27px 0 0;
}

#yeditbtarea a {
	display: block;
	width: 78px;
	height: 20px;
	background: url(img/bt_edit_no_77x20.jpg) top left no-repeat #fff;
}
#yeditbtarea a:hover {
	background: url(img/bt_edit_ho_77x20.jpg) top left no-repeat #fff;
}
#yeditbtarea a:active {
	background: url(img/bt_edit_pr_77x20.jpg) top left no-repeat #fff;
}
#ysend1btbtarea  {
	margin-top: 8px;
}
#ysend1btbtarea a {
	display: block;
	width: 78px;
	height: 20px;
	background: url(img/bt_send1_no_77x20.jpg) top left no-repeat #fff;
}
#ysend1btbtarea a:hover {
	background: url(img/bt_send1_ho_77x20.jpg) top left no-repeat #fff;
}
#ysend1btbtarea a:active {
	background: url(img/bt_send1_pr_77x20.jpg) top left no-repeat #fff;
}

.ClosedCartArea #confirmarea, .YOpenBarClass #confirmarea {
	display: none;
}

.YConfirmBarClass #openbtarea, .YConfirmBarClass .QCartItem {
	display: none;
}

#confirmarea {
	padding-top: 4px;
}
#confirmarea .FR {
	border-left: solid 1px rgb(174, 174, 174);
}

#confirmarea label {
	display: inline-block;
	width: 160px;
}

#ysendbt a {
	display: block;
	width: 78px;
	height: 20px;
	background: url(img/bt_send1_no_77x20.jpg) top left no-repeat #fff;
	margin-bottom: 8px;
	margin-right: 12px;	
}
#ysendbt a:hover {
	background: url(img/bt_send1_ho_77x20.jpg) top left no-repeat #fff;
}
#ysendbt a:active {
	background: url(img/bt_send1_pr_77x20.jpg) top left no-repeat #fff;

}

#ycntarea {
	display: none;
	width: 608px; 
	margin: auto; 
	margin-top: 20px;
	margin-bottom: 20px
}

#ycancelbt a {
	display: block;
	width: 71px;
	height: 20px;
	background: url(img/bt_cancel_no_71x20.jpg) top left no-repeat #fff;
	margin-bottom: 8px;
}
#ycancelbt a:hover {
	background: url(img/bt_cancel_ho_71x20.jpg) top left no-repeat #fff;
}
#ycancelbt a:active {
	background: url(img/bt_cancel_pr_71x20.jpg) top left no-repeat #fff;
}

#yeditlist {
	width: 100%;
	height: 183px;
	overflow: auto;
	border: none /*solid 1px #000*/;
	padding-right: 20px;
}

.QCartConfirmItem {
	/*border: solid 1px red;*/
	margin-bottom: 6px;
}
.QCartConfirmItem textarea {
	height: 66px;
	width: 384px;
}
.QCartConfirmItemImage {
	background-color: #fff;
	border: solid 1px #d7d7d7;
	padding: 1px;
}
.QCartConfirmItemImage a {
	display: block;
	height: 64px; 
	width: 64px;	
}
/******************************************************************************
 ** the control panel
 *****************************************************************************/
#controlpanel {
	float: left;
	position:fixed;
	top: 0px;
	right: 0px;
	z-index: 99;
	background: url(img/ctrlpanel_bg_4x70.jpg) top left repeat-x #a7a7a7;
	border-left: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
	padding: 8px;
}
#controlpanel .sh1 {
	font-weight: bold;	
}

.CmtField {
	display: none;
}
