@font-face {
	font-family: SteelfishRegular;
	src: url(fonts/steelfish_rg-webfont.eot?) format("embedded-opentype"), url(fonts/steelfish_rg-webfont.woff) format("woff"), url('steelfish_rg-webfont.ttf') format("truetype"), url(fonts/steelfish_rg-webfont.svg#webfontJBqSMPPU) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: CoffeeService;
	src: url(fonts/coffee_service-webfont.eot?) format("embedded-opentype"), url(fonts/coffee_service-webfont.woff) format("woff"), url('fonts/coffee_service-webfont.ttf') format("truetype"), url(fonts/coffee_service-webfont.svg#CoffeeService) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DroidSerifRegular;
	src: url(fonts/DroidSerif-Regular-webfont.eot?) format("embedded-opentype"), url(fonts/DroidSerif-Regular-webfont.woff) format("woff"), url('fonts/DroidSerif-Regular-webfont.ttf') format("truetype"), url(fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: DroidSerifRegular;
	src: url(fonts/DroidSerif-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSerif-Regular-webfont.woff) format("woff"), url('DroidSerif-Regular-webfont.ttf') format("truetype"), url(fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DroidSerifItalic;
	src: url(fonts/DroidSerif-Italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSerif-Italic-webfont.woff) format("woff"), url('DroidSerif-Italic-webfont.ttf') format("truetype"), url(fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DroidSerifBold;
	src: url(fonts/DroidSerif-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSerif-Bold-webfont.woff) format("woff"), url('DroidSerif-Bold-webfont.ttf') format("truetype"), url(fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: DroidSerifBoldItalic;
	src: url(fonts/DroidSerif-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/DroidSerif-BoldItalic-webfont.woff) format("woff"), url('DroidSerif-BoldItalic-webfont.ttf') format("truetype"), url(fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: CoffeeService;
	src: url(fonts/coffee_service-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/coffee_service-webfont.woff) format("woff"), url('coffee_service-webfont.ttf') format("truetype"), url(fonts/coffee_service-webfont.svg#CoffeeService) format("svg");
	font-weight: normal;
	font-style: normal;
}
*/
body {
 margin:0px;
 text-align:center;
 padding:0px; 
 overflow:hidden;
 -ms-content-zooming: none;
 -ms-touch-action:none;
}
.coffee
{
    font: 26px/1 "CoffeeService",Georgia,"Times New Roman",Times,serif;
}
.droid
{
	font: 16px/1.5 "DroidSerifRegular",Georgia,"Times New Roman",Times,serif;
}
.SteelfishRegular
{
	font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	text-transform: uppercase;
}
.loading
{
	background-image:url(images/load.gif);
    background-position:center;
    display:none;
    background-repeat:no-repeat;
}
.loading2
{
	background-image:url(images/load.gif);
    background-position:center;
    display:none;
    background-repeat:no-repeat;
}
.logo_white
{
	background-image:url(images/logo_white.png);
    background-position:center;
    background-repeat:no-repeat;
    width:220px;
    margin-left: -110px;
    left:50%;
    height:100%;
    position:absolute;
}
.logo_blue
{
	background-image:url(images/logo_blue.png);
    background-position:center;
    background-repeat:no-repeat;
    width:220px;
    margin-left: -110px;
    left:50%;
    height:100%;
    position:absolute;
}

.logo_light
{
	background-color:white;
	opacity: 0.0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.logo_light:hover
{
	opacity: 0.2;
}
.logo_light:active
{
    cursor:default;
}
.link_light
{
	background: rgba(255, 255, 255, 0.0);
	width:100%;
	height:100%;
	cursor:pointer;
	font-size:30px;
}
.link_light:hover
{
	background: rgba(255, 255, 255, 0.2);
}
.link_light:active
{
    cursor:default;
}

#canvas
{
	cursor:crosshair;
}
.friends
{
	background-color:white;	 
}
.pen
{
	background-image:url(images/icons_26.png);
    background-position:-1542px 0px;
    background-repeat:no-repeat;
    width:14px;
    height:14px;     
}
.friend_request_icon
{
	background-image:url(images/friend_request.png);
    background-repeat:no-repeat;
    width:23px;
    height:15px;     
}
.next_icon
{
	background-image:url(images/icons_26.png);
    background-position:-384px -1px;
    background-repeat:no-repeat;
    width:14px;
    height:14px;     
}
.broom
{
	background-image:url(images/broom.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;     
}
.fb
{
	background-image:url(images/icons2.png);
    background-repeat:no-repeat;
    background-position:0px -45px;
    width:14px;
    height:14px;     
}
.upload
{
	background-image:url(images/icons_26.png);
    background-repeat:no-repeat;
    background-position:-16px 0px;
    width:16px;
    height:16px; 	
}
.loader_div
{
	background-image:url(images/ajax-loader.gif);
    background-repeat:no-repeat;
    width:16px;
    height:16px; 
    margin-left:2px;
    margin-top:2px; 
}
.gray_cam
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:14px;
    height:14px; 
    background-position:-316px -138px;
}
.online
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:8px;
    height:8px; 
    background-position:0px -235px;
    position:absolute;
    bottom:0px;
    right:0px;    
}
.logout_icon
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:14px;
    height:14px; 
    background-position:-162px -65px;
}
.chat_icon
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:17px;
    height:17px; 
    background-position:-331px -135px;
}
.social_icon
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:16px;
    height:16px; 
    background-position:-111px -65px;
}
.news_icon
{
	background-image:url(images/icons1.png);
	background-repeat:no-repeat;
	width:17px;
    height:17px; 
    background-position:-92px -63px;
}
.eraser
{
	background-image:url(images/Eraser-1-icon.png);
	width:32px;
    height:32px;  
    background-repeat:no-repeat;
}
.colors_pallet
{
	height:150px; 
	width:20px; 
	display:none
}
.lines_pallet
{
	height:150px; 
	width:20px; 
	display:none
}
.line
{
	background-image:url(images/dots.png);
	background-repeat:no-repeat;	
}
.chatpanel
{
    position:fixed;
    left:-328px;
    /*margin-top:55px;*/
    top:5px;
}
#upload_menu
{
	 z-index:100000; 
	 position:fixed; 
	 top:70px;
	 width:40px; 
	 height:40px; 
	 right:65px;
}

#pen_menu
{
	 z-index:100000; 
	 position:fixed; 
	 top:180px;
	 width:40px; 
	 height:40px; 
	 right:5px;
}
.fb_share
{
	z-index:100000; 
	position:fixed; 
	top:70px; 
	width:40px; 
	height:40px; 
	right:5px;
}

#broom_menu
{
	z-index:100000; 
	position:fixed; 
	top:125px; 
	width:40px; 
	height:40px; 
	right:5px;
}
#social_menu
{
	position:absolute; 
	top:60px;
	width:40px; 
	height:40px; 
	left:210px;
}
#news
{
	position:absolute; 
	top:115px; 
	width:40px; 
	height:40px; 
	left:210px;
}
#alerts
{
	position:absolute; 
	top:170px; 
	width:40px; 
	height:40px; 
	left:210px;
}
#chat
{
	position:absolute; 
	top:225px; 
	width:40px; 
	height:40px; 
	left:335px;
	display:none;
}
#opencam
{
	z-index:100000;
	position:absolute;
	top:5px;
	width:85px;
	height:40px;
	left:335px;
	font-size:25px;
}
#logout
{
	z-index:10000; 
	position:fixed; 
	top:5px; 
	width:100px; 
	height:40px; 
	right:5px;
	font-size:25px;
}

#opencam_text
{
	position:absolute; 
	left:41px; 
	top:5px;
}
.menu_button_text
{
	position:absolute; 
	left:41px; 
	top:5px;
}
.menu_button_text_right
{
	position:absolute; 
	right:40px; 
	top:5px;
}
.nextround
{
	position:absolute;
	left:190px;
	top:245px;
}
.privacy
{
	 cursor:pointer;
     font-family:Tahoma;
     font-size:15px;
     position:absolute;
     left:50%;
     width:140px;
     margin-left:-70px;
     margin-top:10px;
     opacity:0.8;
}
.privacy:hover
{
     opacity:1.0;
}
.privacy:active
{
	 opacity:0.9;	
}
.forgot
{
	 cursor:pointer;
     font-family:Tahoma;
     font-size:15px;
     position:absolute;
     left:50%;
     width:180px;
     margin-left:17px;
     margin-top:-24px;
     opacity:0.8;
}
.forgot:hover
{
     opacity:1.0;
}
.forgot:active
{
	 opacity:0.9;	
}

.copyright
{
	font-family:Tahoma; 
	font-size:13px; 
	position:fixed; 
	left:50%; 
	bottom:5px;
	width:140px;
    margin-left:-70px;    
    color:gray;
}
/*
.privacy
{
	 position:absolute; 
	 right:130px; 
	 top:21px;
     cursor:pointer;
     font-family:Arial, Helvetica, sans-serif;
     font-size:15px;
     opacity:0.8;
}
.privacy:hover
{
     opacity:1.0;
}
.privacy:active
{
	 opacity:0.9;	
}
*/
.head
{
 color:white;
 background-image:url('images/bg1.png');
 font-size:50px;
 height:60px;
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 z-index:19000;

 /*font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
 /*text-transform: uppercase;*/
}
user
{
 display:none;
}
.login_input
{
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width:95%;
}
.login
{
    font-size:45px;
	position:fixed;
	width:400px;
	height:500px;
	margin-left:-200px;
	margin-top:-250px;
	top:50%;
    left:50%;
    background-image:url('images/bg1.png');
    /*background-color:gray;*/
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:white;
	z-index:20000;
}
.login:hover
{
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 107%;
	/*zoom: 150%;*/
}
.login:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
/*********/
.newswindow
{
    font-size:45px;
	position:fixed;
	width:465px;
	height:300px;
	margin-left:-230px;
	margin-top:-175px;
	top:50%;
    left:50%;
    background-image:url('images/bg1.png');
    /*background-color:gray;*/
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:white;
	z-index:20000;
	display:none;
}
.newswindow:hover
{
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
.newswindow:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
.chatwindow
{
    font-size:45px;
	position:fixed;
	width:465px;
	height:350px;
	margin-left:-230px;
	margin-top:-175px;
	top:50%;
    left:50%;
    background-image:url('images/bg1.png');
    /*background-color:gray;*/
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:white;
	z-index:20000;
	display:none;
}
.alertswindow
{
    font-size:45px;
	position:fixed;
	width:465px;
	height:300px;
	margin-left:-230px;
	margin-top:-175px;
	top:50%;
    left:50%;
    background-image:url('images/bg1.png');
    /*background-color:gray;*/
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:white;
	z-index:20000;
	display:none;
}
.alertswindow:hover
{
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
.alertswindow:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}

.friends_thumb
{
	width:45px;
	height:45px;	
}
/*********/
.icon_cam
{
	background-image:url('images/icons1.png');
	background-repeat:no-repeat;
	width:22px;
    height:25px;
    background-position: -373px -94px;
    margin-top:4px;
    margin-left:5px;
}
/*-------------------------------*/
.invite
{
    font-size:45px;
	position:fixed;
	width:400px;
	height:230px;
	margin-left:-200px;
	margin-top:-115px;
	top:50%;
    left:50%;
    background-image:url('images/bg1.png');
    /*background-color:gray;*/
	border: 4px solid white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:white;
	z-index:20000;
	display:none;
}
.invite:hover
{
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
.invite:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
/*-------------------------------*/
.icon_cam:active
{
    background-position: -351px -94px;
}

#firstV
{
    position:absolute;
	margin-left:5px;
	margin-top:0px;	
	z-index:12000;
	background-color:black;
	/*border: 1px gray none;*/
}
#secondV
{
	position:absolute;
	margin-left:5px;
	margin-top:0px;	
	z-index:11000;
	background-color:black;
	border: 1px gray none;
}
#video2
{
	zoom:10%;
}
.whiteboard
{
    position: fixed;  overflow: hidden;
    top:0px;
    left:0px;
}
.menu
{
	position:fixed; 
	margin-left:0px;
    z-index:10000;
    /*float:left;*/
    width:300px;
}
.blue {
 color:white;
 background-image:url('images/bg1.png');
 font-size:50px;
 height:110px;
 /*font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
 /*text-transform: uppercase;*/
}
.yellow {
 color:white;
 font-size:50px;
 /*font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
 background-image:url('images/bg2.png');
 height:110px
}
.white {
 color:gray;
 font-size:50px;
 font-family:Tahoma;
 background-image:url('images/bg7.png');
}
.oops
{
	font-family:"SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;	
}
.green {
 color:white;
 font-size:50px;
 font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 background-image:url('images/bg3.png');
 height:110px
}
.blue2 {
 color:white;
 font-size:50px;
 font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 background-image:url('images/bg4.png');
 height:110px
}
.blue3 {
 color:white;
 font-size:50px;
 font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 background-image:url('images/bg5.png');
 height:110px
}
.orange {
 color:white;
 font-size:50px;
 font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 background-image:url('images/bg4.png');
 height:110px
}
button.standard {
color: #666;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: whiteSmoke;
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
cursor: default;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-right: 16px;
height: 27px;
line-height: 27px;
min-width: 54px;
outline: 0;
padding: 0 8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
button.standard:hover {
border:1px solid #c6c6c6;
color:#333;
background-color:#f8f8f8;
background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image:linear-gradient(top,#f8f8f8,#f1f1f1)
}
button.standard:active {
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-o-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.3)
}
button.bblue
{	
	cursor:pointer;
    color:white;
	background-color: #4D90FE;
	border: 1px solid #3079ED;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	height: 29px;
	width: 70px;
	background-image: linear-gradient(top,#4D90FE,#4787ED);
}
button.bblue:hover
{
	background-color:#357ae8;
	border: 1px solid #2f5bb7;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
}
button.bblue:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
button.bgreen
{	
	cursor:pointer;
    color:white;
	background: -webkit-gradient(linear, left top, left bottom, from(#85D600), to(#44A100));
	background: -moz-linear-gradient(top,  #85D600,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#85D600', endColorstr='#44A100');
	border: 1px solid #59B200;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	height: 29px;	
	/*background-image: linear-gradient(top,#85D600,#44A100);*/
}
button.bgreen:hover
{
	background: -webkit-gradient(linear, left top, left bottom, from(#44A100), to(#44A100));
	background: -moz-linear-gradient(top,  #44A100,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A100', endColorstr='#44A100');
	border: 1px solid #59B200;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
}
button.bgreen:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
/*   -----     */

.greenb
{	
	cursor:pointer;
	/*font-size:40px;*/
    color:white;
	/*font-family: "SteelfishRegular","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
 	background-image:url('images/bg3.png');
	border: 4px solid #ffffff;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	display: inline-block;
	height: 34px;	
	width:34px;

}
.greenb:hover
{
	/*-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);*/
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	zoom: 150%;

}
.greenb:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}

.greendiv
{	
	cursor:pointer;
    color:white;
 	background-image:url('images/bg3.png');
	border: 4px solid #ffffff;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	display: inline-block;
	height: 42px;	
	width:42px;

}
.button_shape
{	
	border: 4px solid #ffffff;
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	/*display: inline-block;*/
}
.whitediv
{	
	cursor:pointer;    
    background-color:white;
	border: 4px solid #ffffff;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	/*display: inline-block;	
	background-image: linear-gradient(top,#85D600,#44A100);*/
}
.espheres_margins
{
	margin-left:6px; margin-top:6px; margin-right:6px;
}
.blackdiv
{	
	cursor:pointer;
    background-color:gray;
	border: 4px solid gray;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	display: inline-block;
	width:30px;	
	/*background-image: linear-gradient(top,#85D600,#44A100);*/
}
/*   -----     */
.bwhite
{	
	cursor:pointer;    
    background-color:white;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#85D600), to(#44A100));
	background: -moz-linear-gradient(top,  #85D600,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');*/
	border: 4px solid #ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	height: 30px;	
	/*background-image: linear-gradient(top,#85D600,#44A100);*/
}
.bwhite:hover
{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#44A100), to(#44A100));
	background: -moz-linear-gradient(top,  #44A100,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A100', endColorstr='#44A100');*/
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
.bwhite:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}

.bwhite2
{	
	cursor:pointer;    
    background-color:white;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#85D600), to(#44A100));
	background: -moz-linear-gradient(top,  #85D600,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');*/
	border: 4px solid #ffffff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	font-size:12px;
	height: 30px;	
	margin: 0em;
	font-family:Arial;
	
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;

padding: 4px 6px;
-webkit-box-align: center;
text-align: center;
box-sizing: border-box;
	/*background-image: linear-gradient(top,#85D600,#44A100);*/
}
.bwhite2:hover
{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#44A100), to(#44A100));
	background: -moz-linear-gradient(top,  #44A100,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A100', endColorstr='#44A100');*/
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
.bwhite2:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}


button.bblack
{	
	cursor:pointer;
    background-color:gray;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#85D600), to(#44A100));
	background: -moz-linear-gradient(top,  #85D600,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');*/
	border: 4px solid gray;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	height: 30px;	
	/*background-image: linear-gradient(top,#85D600,#44A100);*/
}
button.bblack:hover
{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#44A100), to(#44A100));
	background: -moz-linear-gradient(top,  #44A100,  #44A100);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#44A100', endColorstr='#44A100');*/
	-moz-transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	/*border: 4px solid #000;*/
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(top,#44A100,#85D600);
	zoom: 150%;
}
button.bblack:active
{
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);
}
.blue_font
{
	color:#33CCCC;
}
button.white_font
{
	color:#fff;
}
button.yellow_font
{
	color:#ECE878;
}
button.back_font
{
	color:#000;
}
button.green_font
{
	color:#8dbc5e;
}
button.orange_font
{
	color:#cc6633;
}
button.blue2_font
{
	color:#0091c8;
}
button.blue3_font
{
	color:#32c8c8;
}
.verticalscroller
{
	overflow-x:hidden; 
	overflow-y:auto;
}
.mom_container
{
	width:455px; 
	position:relative; 
	/*height:55px;*/
	min-height:40px;
	height:auto;
	left: 0px; 
	top: 0px; 
	border-top:1px white solid;
	margin-left:5px;
	padding-bottom:15px;
}
.chat_mom_container
{
	width:455px; 
	position:relative; 
	/*height:55px;*/
	min-height:55px;
	height:auto;
	left: 0px; 
	top: 0px; 
	border-top:1px white solid;
	margin-left:5px;
	padding-bottom:15px;
}
.pic_container
{
	width:45px; 
	height:45px; 
	position:absolute; 
	left:0px; top:5px; 
}
.text_container
{
	width:240px; 
	position:relative; 
	left:55px; 
	top:5px; 
	white-space: pre-wrap; /* CSS3 */ 
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */     
	white-space: -o-pre-wrap;   /* Opera 7 */  
	word-wrap: break-word;      /* IE */
	color:#333;
	font-size:25px;
    text-align:left;	
}
.chat_text_container
{
	width:395px; 
	font-family:Tahoma;
	position:relative; 
	left:55px; 
	top:5px; 
	white-space: pre-wrap; /* CSS3 */ 
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */     
	white-space: -o-pre-wrap;   /* Opera 7 */  
	word-wrap: break-word;      /* IE */
	color:#333;
	font-size:15px;
    text-align:left;	
}
.buttons_container
{
	width:150px; 
	left:300px; 
	top:5px; 
	position:absolute; 
}
.cross_icon
{
	background-image:url(images/Delete-icon.png);    
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-left:2px;
	margin-top:2px;
}
.close_circle
{
	width:20px;
	height:20px;
    position:absolute;
    right:5px;
    top:0px;
	opacity:0.9;
}
.close_circle:hover
{
	opacity:1.0;
}
.close_circle:active
{
	opacity:0.8;
}