@charset "UTF-8";
/* CSS Document */



/* MAJOR CSS PARTS START  */



#body-containerxx {
	width: 100%;
	overflow: hidden;
}

#x-body-inner-bxx {
	width: 1105px;
	display: block;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#containerxx {
	width: 100%;
	overflow: hidden;
	
}
#returnboxxx {
	height: 20px;
	width: 220px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 3px;
	display: block;
	overflow: hidden;
	margin-left: 70px;
	background-color: #FFF;
}





/* MAJOR CSS PARTS END */



/* LEFT PANEL CSS START */




#panel1boxxx {
	float: left;
	width: 302px;
	padding-top: 20px;
}
#panel1boxxxcontain {
	width: 302px;
	display: block;
	overflow: hidden;
}


#pro-holder2xx {
	width: 290px;
	background-color: #FFF;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E2E2E2;
	border-right-color: #E2E2E2;
	border-bottom-color: #E2E2E2;
	border-left-color: #E2E2E2;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
}
#pro-lil-boxyxx {
	width: 100%;
	display: block;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	padding-bottom: 10px;
}

#pro-desc2xx {
	float: left;
	height: 37px;
	width: 140px;
	padding-left: 10px;
	padding-top: 10px;
	display: block;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 25px;
	padding-bottom: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-right: 10px;
}

#pro-desc2xx:hover {
	background-color: #F2F2F2;
}











#MAIN-BODYPARTS {}



#x-rightboxxcon1 {
	width: 397px;
	display: block;
	overflow: hidden;
}


#x-person-mess {
	width: 246px;
	height: 24px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.2);
}
#x-person-mess22 {
	width: 246px;
	height: 24px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;
	margin-bottom: 3px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.2);
}
#x-person-mess33 {
	width: 378px;
	height: 26px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 2px;
	margin-top: 2px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0);	
}


#x-rightpanelcont1 {
	width: 393px;
	display: block;
	overflow: hidden;
	padding-bottom: 3px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
}


#x-voca-conty1 {
	display: block;
	width: 382px;
	overflow: scroll;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	-ms-overflow-style: none;
// IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
; 						border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #F9F9F9;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 179px;
}
#x-voca-conty1::-webkit-scrollbar {
    display: none;  // Safari and Chrome
}

#x-content-contain {
	display: block;
	width: 100%;
	overflow: scroll;
	height: 320px;
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}
#x-content-contain::-webkit-scrollbar {
    display: none;  // Safari and Chrome
}





#x-leftpanel-container {
	background-color: #FFF;
	display: block;
	float: left;
	width: 168px;
	margin-right: 5px;
	overflow: hidden;
	-moz-border-top-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding-top: 10px;
	padding-left: 10px;
	height: 423px;
	-ms-overflow-style: none;
// IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
; 	position: fixed;
}
#x-leftpanel-container::-webkit-scrollbar {
    display: none;  // Safari and Chrome
}



#x-right-column {
	background-color: #FFF;
	float: left;
	width: 280px;
	margin-left: 1023px;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 423px;
	padding-top: 10px;
	position: fixed;
}

#x-right-column1 {
	background-color: #F5F7E3;
	height: 18px;
	width: 244px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 12px;
}

#x-leftcolbox1 {
	background-color: #F5F7E3;
	height: 14px;
	width: 156px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: auto;
	margin-left: auto;
}














#body-inner {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	max-width:1100px;
	min-width:500px;
	display: block;
	overflow: hidden;
}
#container {
	width: 100%;
	display: block;
	overflow: hidden;
}

#body-container {
	width: 100%;
	display: block;
}

#HEAD CSS {}

#menu-container {
	height: 40px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	background-color: #FFF;
}
#menu-inner {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
}


#FOOT CSS {}

#footy {
	background-color: #C0C0C0;
	height: 15px;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 30px;
}


#PANEL1 CSS {}

#clickbox1a {
	background-color: #090;
	display: block;
	height: 30px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #E7E7E7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 29px;
	text-align: center;
	letter-spacing: 1px;
}
#clickbox1a:hover {
	background-color: #060;
	color: white;
}



#clickbox1b {
	background-color: #D7DDF4;
	display: block;
	height: 30px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;

    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox1b:hover {
	background-color: #AEB3C6;
	color: white;
}


#clickbox1c {
	background-color: #090;
	display: block;
	height: 30px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #E7E7E7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 29px;
	text-align: center;
	letter-spacing: 1px;
}
#clickbox1c:hover {
	background-color: #060;
	color: white;
}

#clickbox1bigey {
	display: block;
	height: 45px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	letter-spacing: 1px;
	border: 1px solid #CCC;
	background-color: #999;
	background-image: url(../images/greeey55cc.png);
	background-repeat: repeat-x;
}
#clickbox1bigey:hover {
	background-color: #CCC;
	color: white;
	background-image: url(../images/greeey55c.png);
	background-repeat: repeat-x;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#clickbox1d {
	background-color: #D7DDF4;
	display: block;
	height: 30px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox1d:hover {
	background-color: #AEB3C6;
	color: white;
}


#clickbox1e {
	background-color: #D7DDF4;
	display: block;
	height: 30px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 12px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox1e:hover {
	background-color: #AEB3C6;
	color: white;
}



#clickbox2a {
	width: 198px;
	margin-right: auto;
	background-color: #CCC;
	margin-left: auto;
	padding: 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox2a:hover {
	background-color: #B1B1B1;
	color: white;
}

#clickbox2b {
	width: 198px;
	margin-right: auto;
	background-color: #CCC;
	margin-left: auto;
	padding: 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox2b:hover {
	background-color: #B1B1B1;
	color: white;
}
#clickbox2c {
	width: 95%;
	margin-right: auto;
	background-color: #FAFAFA;
	margin-left: auto;
	border: 1px solid #A9A9A9;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition-duration: 0.1s; /* Safari */
	transition-duration: 0.1s;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-image: url(../images/lightgrey.png);
	background-repeat: repeat-x;
}
#clickbox2c:hover {
	background-color: #9E9E9E;
	background-image: url(../images/lightgrey2.png);
	background-repeat: repeat-x;
}


#clickbox2d {
	width: 198px;
	margin-right: auto;
	background-color: #CCC;
	margin-left: auto;
	padding: 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox2d:hover {
	background-color: #B1B1B1;
	color: white;
}
#clickbox2e {
	width: 198px;
	margin-right: auto;
	background-color: #CCC;
	margin-left: auto;
	padding: 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox2e:hover {
	background-color: #B1B1B1;
	color: white;
}
#clickbox2g {
	width: 198px;
	margin-right: auto;
	background-color: #CCC;
	margin-left: auto;
	padding: 3px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
    -webkit-transition-duration: 0.1s; /* Safari */
    transition-duration: 0.1s;
}
#clickbox2g:hover {
	background-color: #B1B1B1;
	color: white;
}
#buttoncontainer {
	display: block;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#buttoncontainer33 {
	display: block;
	width: 275px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 25px;
}
#buttoncontainer33b {
	display: block;
	width: 275px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 12px;
}
#buttoncontainer33c {
	display: block;
	width: 275px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 15px;
}

#MAIN-PANELS CSS {}

#panel1box {
	float: left;
	width: 302px;
	padding-top: 20px;
	height: 750px;
}
#panel2box {
	float: left;
	width: 278px;
	padding-top: 20px;
}

#mainpanelright {
	float: left;
	width: 768px;
	margin-left: 10px;
	padding-left: 15px;
	margin-top: 20px;
	padding-top: 10px;
}
#mainpanelright2 {
	float: left;
	width: 770px;
	margin-left: 10px;
	padding-left: 15px;
	margin-top: 20px;
}
#x-messagebox1 {
	display: block;
	height: 140px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	overflow: scroll;
	background-color: #CCC;
}
#x-exit-box {
	background-color: #8EAFE7;
	height: 18px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#x-exit-box1 {
	background-color: #8EAFE7;
	height: 22px;
	width: 158px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border: 1px solid #999;
}
#x-exit-box2 {
	width: 258px;
	background-color: #8EAFE7;
	height: 22px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}
#kott1 {
	background-color: #F5F7E3;
	height: 20px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 20px;
}
#kott1:hover {
	background-color: #390;
	color: #FFF;
}
#kott2 {
	background-color: #F5F7E3;
	height: 20px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 20px;
}
#kott2:hover {
	background-color: #390;
	color: #FFF;
}
#kott3 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott3:hover {
	background-color: #390;
	color: #FFF;
}
#kott4 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott4:hover {
	background-color: #390;
	color: #FFF;
}
#kott5 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott5:hover {
	background-color: #390;
	color: #FFF;
}
#kott6 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott6:hover {
	background-color: #390;
	color: #FFF;
}
#kott7 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott7:hover {
	background-color: #390;
	color: #FFF;
}
#kott8 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott8:hover {
	background-color: #390;
	color: #FFF;
}
#kott9 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott9:hover {
	background-color: #390;
	color: #FFF;
}
#kott10 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott10:hover {
	background-color: #390;
	color: #FFF;
}
#kott11 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott11:hover {
	background-color: #390;
	color: #FFF;
}
#kott12 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott12:hover {
	background-color: #390;
	color: #FFF;
}
#kott13 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott13:hover {
	background-color: #390;
	color: #FFF;
}
#kott14 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott14:hover {
	background-color: #390;
	color: #FFF;
}
#kott15 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott15:hover {
	background-color: #390;
	color: #FFF;
}
#kott16 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott16:hover {
	background-color: #390;
	color: #FFF;
}
#kott17 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott17:hover {
	background-color: #390;
	color: #FFF;
}
#kott18 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott18:hover {
	background-color: #390;
	color: #FFF;
}
#kott19 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott19:hover {
	background-color: #390;
	color: #FFF;
}
#kott20 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott20:hover {
	background-color: #390;
	color: #FFF;
}
#kott21 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott21:hover {
	background-color: #390;
	color: #FFF;
}
#kott22 {
	background-color: #F5F7E3;
	height: 14px;
		width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}
#kott22:hover {
	background-color: #390;
	color: #FFF;
}
#kott23 {
	background-color: #F5F7E3;
	height: 14px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}
#kott23:hover {
	background-color: #390;
	color: #FFF;
}



#admin-panel6a {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}
#admin-panel6aaa {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}
#admin-panel6b {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}

#admin-panel6c {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}

#admin-panel6d {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}

#admin-panel6e {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}

#admin-panel6f {
	float: left;
	height: 26px;
	width: 190px;
	padding-left: 10px;
}
#clickbox2czzz {
	background-color: #090;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #A9A9A9;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 35px;
	font-weight: bold;
	color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/limme11.png);
	background-repeat: repeat-x;
	text-align: center;
	letter-spacing: 1px;
}
#clickbox2czzz:hover {
	background-color: #090;
	background-image: url(../images/limme11b.png);
	background-repeat: repeat-x;
}
.profile9cxx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #666;
}
.profile9cxxzz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	color: #818181;
}
.profilebooooox1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	color: #5E5E5E;
}
#timeyyy1 {
	float: left;
	height: 18px;
	overflow: hidden;
	margin-right: 5px;
}
#timeyyy2 {
	float: left;
	height: 12px;
	width: 65px;
	overflow: hidden;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8B8B8B;
	line-height: 12px;
	margin-top: 5px;
}
#namey1xxxx {
	overflow: hidden;
	height: 20px;
}
#foootzy {
	height: 5px;
	width: 100%;
	overflow: hidden;
}
#topbuts1 {
	height: 22px;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	background-color: #ACACAC;
	border: 1px solid #CCC;
	overflow: hidden;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#topbuts1:hover {
	background-color: #C5C5C5;
}
#logocontainzzz1 {
	float: left;
	height: 25px;
	width: 25px;
	margin-left: 20px;
	overflow: hidden;
	margin-top: 5px;
}
#logocontainzzz2 {
	float: left;
	height: 30px;
	margin-left: 14px;
	overflow: hidden;
}
#logocontainzzz1b {
	float: left;
	height: 25px;
	width: 25px;
	margin-left: 20px;
	overflow: hidden;
	margin-top: 4px;
}
#logocontainzzz2b {
	float: left;
	height: 30px;
	margin-left: 14px;
	overflow: hidden;
	font-size: 12px;
}
#logocontainzzz1c {
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 15px;
	overflow: hidden;
	margin-top: 7px;
}
#logocontainzzz2c {
	float: left;
	height: 40px;
	margin-left: 14px;
	overflow: hidden;
}



#xpanel1-button1b {
	background-image: url(/images/homelight28.png);
}
#xpanel1-button1c {
	color: #666;
}
#xpanel1-button2b {
	background-image: url(/images/homeworklight28.png);
}
#xpanel1-button2c {
	color: #666;
}
#xpanel1-button3b {
	background-image: url(/images/flashcardlight28.png);
}
#xpanel1-button3c {
	color: #666;
}
#xpanel1-button4b {
	background-image: url(/images/schedulelight28.png);
}
#xpanel1-button4c {
	color: #666;
}
#xpanel1-button5b {
	background-image: url(/images/buylight28.png);
}
#xpanel1-button5c {
	color: #666;
}
.colouredanswer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
}
@media screen and (max-width: 992px) {
	#x-body-inner-bxx {
	width: 97%;
	margin-right: auto;
	margin-left: auto;	
	}
	#panel1boxxx {
		width: 260px;
		overflow: hidden;
	}
	#panel1boxxxcontain {
		width: 750px;
		overflow: hidden;
		background-color: #C5C5C5;
	}
	#pro-holder2xx {
		width: 750px;
		padding-left: 5px;
	}
	#pro-desc2xx {
	width: 134px;
	margin-left: 6px;
	padding-right: 3px;
	
	}
	#namey2 {
		max-width: 95px;
	}
	#buttoncontainer33b {
		width: 240px;
	}
	#buttoncontainer33 {
		width: 240px;
	}
	#buttoncontainer33c {
		width: 240px;
	}
	#logocontainzzz1 {
	margin-left: 10px;
    }
    #logocontainzzz1b {
	margin-left: 10px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	
	#x-body-inner-bxx {
		width: 963px;
	}
	#panel1boxxx {
		width: 260px;
		overflow: hidden;
	}
	#panel1boxxxcontain {
		width: 260px;
		overflow: hidden;
	}
	#pro-holder2xx {
		width: 250px;
		padding-left: 5px;
	}
	#pro-desc2xx {
	width: 134px;
	margin-left: 6px;
	padding-right: 3px;
	
	}
	#namey2 {
		max-width: 95px;
	}
		#buttoncontainer33b {
		width: 240px;
	}
	#buttoncontainer33 {
		width: 240px;
	}
	#buttoncontainer33c {
		width: 240px;
	}
	#logocontainzzz1 {
	margin-left: 10px;
    }
    #logocontainzzz1b {
	margin-left: 10px;
    }
}


/* LEFT PANEL CSS END */