#chatTab2, #chatTab3 { display: none;}

#chatContainer {
	padding: 5px;	
    position: relative;
}

#chatTopBar {
    background: url("images/solid_gray.jpg") repeat-x scroll 0 0 #D0D0D0;
    border: 1px solid #CCCCCC;
    color: #777777;
    height: 40px;
    margin-bottom: 5px;
    position: relative;
}

#chatTopBar .acMenuLft, #chatBottomBar .acMenuLft {
    height: 29px;
}

#chatTopBar .acMenuRgt {
    position: absolute;
    right: 0;
    top: 0;
}

#chatTopBar .chatLogOff a {
    background: url("images/power.png") no-repeat scroll 2px 1px transparent !important;
    display: inline-block;
    float: right;
    margin-right: 8px;
	margin-top: 10px;
}

#chatTopBar .name {
    left: 40px;
    position: absolute;
    top: 10px;
}

#chatTopBar .acMenuLft .room {
    left: 140px;
    position: absolute;
    top: 3px;
}

#chatTopBar .acMenuLft .actions {
    left: 170px;
    position: absolute;
    top: 10px;
}

#chatTopBar .acMenuLft .actions .edit{
    left: 200px;
    position: absolute;
}

#chatTopBar  .acMenuLft .actions .new{
    left: 230px;
    position: absolute;
}

#chatTopBar .acMenuLft .actions .delete{
    left: 260px;
    position: absolute;
}


#chatTopBar img {
    left: 9px;
    position: absolute;
    top: 8px;
	width: 23px;
	height: 23px;
}

#chatTopBar .acMenuIcon span {
	background-color:#00CC00;
    border-bottom: 1px solid #111111;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: block;
    font: 700 10px/14px Arial;
    height: 14px;
    left: 6px;
    min-width: 10px;
    padding: 0 2px;
    position: absolute;
    text-align: center;
    top: -6px;
}

#chatLineHolder,  #chatSMSHolder {
    height: 360px;
    margin-bottom: 10px;
    outline: medium none;
    /*width: 350px;*/
	width: 74%;
	display: inline;
	float: left;
}

.chat {
    /*background: url("images/chat_line_bg.jpg") repeat-x scroll 0 0 #D5D5D5;*/
	background: url("images/solid_gray.jpg") repeat-x scroll 0 0 #D0D0D0;

	/*background-color: #F7F7F7;
    border: 1px solid #FFFFFF;*/
	border: 1px solid #DBDBDB;
	/*border: 1px solid #999999;*/
    margin: 0 10px 2px 0;
    min-height: 20px;
	padding: 2px 6px 8px 37px;
    position: relative;
}

.privateline{
 	background: none repeat scroll 0 0 #DDDDDD;
    border: 2px dotted white;
}

.messages {
    background: url("images/solid_gray.jpg") repeat-x scroll 0 0 #D0D0D0;
    border: 1px solid #CCCCCC;
    margin: 0 0 1px;
    min-height: 20px;
    padding: 2px 6px 10px 40px;
    position: relative;
}

.messages:hover { border: 1px solid #999999;}

.chat:last-child {
    margin-bottom: 0;
}

.chat span,  .messages span {
    color: #777777;
    font-size: 12px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.chat .text, .messages .text {
    color: #444444;
	overflow: hidden;	
    /*vertical-align: top;*/
        width: 60%;
	font-size: 12px;
	font-family: Calibri,Arial,sans-serif;
	line-height: 14px;
	word-wrap: break-word;
	padding-top: 2px;
}
.chat .text { display:inline-block;left:140px;position:relative;top:0;}
.messages .text { border-left: 1px inset #FFFFFF; margin-top: 2px; min-height: 26px; padding-left: 5px; cursor: pointer; position: absolute;
top: 0; margin-left: 25px; left: 145px!important;}
.messages .text:hover { text-decoration: underline;}

.messages .text a { color: #0066FF!important;}
.messages .text a:hover{ color: #0099FF!important; text-decoration: underline;}

.chat .gravatar, .messages .gravatar{
    left: 5px;
    position: absolute;
    top: 3px;
}

.chat .gravatar img {
	width: 23px;
	height: 23px;
	border: 1px solid #CCCCCC!important;
    border-radius: 2px 2px 2px 2px;
	visibility: hidden;
	display: block;
	padding: 0px!important;
}

.messages .gravatar img {
	border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 24px;
    visibility: hidden;
    width: 24px;
}

.chat .time {
    font-size: 9px;
    left: 36px;
    position: absolute;
    top: 15px;
}

.messages .time {
    font-size: 9px;
    position: absolute;
    top: 15px;
	left: 40px;
}

.chat .flag {
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 10px;
}

.chat .flag img, .messages .flag img {
    visibility: hidden;
}

.chat .private {
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 8px;
	background: url("images/lock_row.gif") no-repeat scroll 0px 0px transparent;
	height: 12px;
	width: 12px;
}


.chat .author {
    font-size:11px;
    left:36px;
    margin-right:8px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:70px;
}

.messages .author {margin-right: 30px; font-size: 11px; overflow: hidden;}

.chat .to {
    background:url("images/to_bg.gif") no-repeat scroll 0 3px transparent;
	border-left:1px solid #D8D8D8;
	font-size:11px;
	left:110px;
	margin-right:6px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:5px;
	position:absolute;
	top:3px;
	width:40px;
	overflow:hidden;
}

/*PMS*/
.messages .actions {
    font-size: 11px;
    position: absolute;
    right: 35px;
    top: 8px;
	z-index: 10px;
}


.messages .new {
    background-color: #00CC00;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #FFFFFF !important;
    font-size: 7px;
    padding: 1px;
    position: absolute;
    right: 5px;
    text-shadow: none;
    top: 8px;
	line-height: 1em;
}

.messages .status0 {
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 6px;
	background: url("images/pms_status_bg.png") no-repeat scroll -65px 0 transparent;
    display: block;
    height: 18px;
    width: 22px;
}

.messages .status1 {
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 6px;
	background: url("images/pms_status_bg.png") no-repeat scroll -43px 0 transparent;
    display: block;
    height: 18px;
    width: 22px;
}

.messages .status2 {
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 6px;
	background: url("images/pms_status_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    width: 22px;
}

.messages .status3 {
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 6px;
	background: url("images/pms_status_bg.png") no-repeat scroll -22px 0 transparent;
    display: block;
    height: 18px;
    width: 22px;
}

/*END PMS*/

#chatUsers, #chatSMSUsers {
    /*background-color: #202020;*/
    border: 1px solid #999999;
	background-color: #CCCCCC;
    height: 355px;
	width: 25%;
	float: right;
	display: inline;
	margin-bottom: 5px;
	overflow: hidden;	
}

#chatUsers .user {
	float: left;
    overflow: hidden;
	padding: 3px 3px 3px;	
    /*width: 32px;*/
	position: relative;
}

#chatUsers .user img {
	/*width: 32px;
	height: 32px;*/
	visibility: hidden;
}

#chatUsers .user .userinfo {
   position: absolute;
   /*top: 26px;*/
}

#chatUsers .user .userinfo span{
   color: #FFFFFF;
   font-size: 8px;
   font-family: Helvetica, Sans-Serif;   
   letter-spacing: 1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.4);
   padding-left: 1px;
   padding-right: 1px; 
   /*border-radius: 5px 5px 5px 5px;*/
}

#chatUsers .user .name{
	color: #808080;
    font-size: 9px;
    overflow: hidden;
    padding-top: 2px;
    text-align: center;
    white-space: nowrap;
}


#chatUsers .user img {
    border: 1px solid #444444;
    display: block;
    /*visibility: hidden;*/
}

#chatBottomBar {
    background: url("images/solid_gray.jpg") repeat-x scroll 0 0 #D0D0D0;
    border: 1px solid #CCCCCC;
    padding: 10px;
    position: relative;
	clear: both;
}

#chatBottomBar .chatTip {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #EEEEEE;
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: 300px;
    position: absolute;
    top: -20px;
    width: 0;
}
#chatContainer input[type="text"], #chatNewRooms input[type="text"], #chatMessageNew .msgRight input {
   
	background: #F2F2F2;
	background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	
	
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	border: 1px solid #BBBBBB;
	
    /*border-color: #C1C1C1 #EEEEEE #EEEEEE #C1C1C1;*/
    /*border-style: solid;
    border-width: 1px;*/
    color: #777777;
    font: 13px/26px Calibri,Arial,sans-serif;
    height: 26px;
    margin-right: 5px;
    outline: medium none;
    padding: .11em;
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
   /* width: 160px;*/
}

#chatMessageNew { background: url("images/new_message_bg.gif") no-repeat right bottom transparent;}

#chatMessageNew .msgRight {display: inline-block; clear: both; margin: 1px;}
#chatMessageNew .msgLeft {float:left; display: inline; width: 110px; font-weight: bold; font: 13px/26px Calibri,Arial,sans-serif; padding-left: 5px; text-shadow: 1px 1px 0 #FFFFFF;}

#chatMessageNew .msgRight textarea {
	background: #F2F2F2;
	background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	
	
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	border: 1px solid #BBBBBB;
	
    /*border-color: #C1C1C1 #EEEEEE #EEEEEE #C1C1C1;*/
    /*border-style: solid;
    border-width: 1px;*/
    color: #777777;
    font: 13px/26px Calibri,Arial,sans-serif;
    margin-right: 5px;
    outline: medium none;
    padding: .11em;
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);	
}

.msgRight #acSendNewMessage, .msgRight #acSendNewMessage:visited {  background: -moz-linear-gradient(90deg, #ECECEC, #F4F4F4) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(90deg, #ECECEC, #F4F4F4) repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 0 1px 0 #ECECEC;*/
    color: #666666;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 10px;
    padding: 10px 15px 10px 16px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

.msgRight #acSendNewMessage:active {
    background: -moz-linear-gradient(90deg, #558BCB, #336FB7) repeat scroll 0 0 transparent;
    border: 1px solid #2E63A5;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 -1px 0 #2E63A5; 
}

.msgRight #acSendNewMessage:hover {
    background: -moz-linear-gradient(90deg, #336FB7,#558BCB) repeat scroll 0 0 transparent;
    border: 1px solid #2E63A5;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 -1px 0 #2E63A5; 
}



#submitForm {
	margin: 0;
}
input#chatText {
    width: 250px;
}

.sending {
	background: url("images/ajax-loader.gif") no-repeat scroll 98% center transparent!important;
	z-index: 5;
}

#submitForm select#chatOnline {
	width: 110px;
}

.jspVerticalBar {
    background: none repeat scroll 0 0 transparent!important;
    width: 20px!important;
}

.jspHorizontalBar {
	background: none repeat scroll 0 0 transparent !important;
	top: 0;
}

.jspHorizontalBar {
    background: none repeat scroll 0 0 red;
    bottom: 0;
    height: 0px;
    left: 0;
    position: absolute;
    width: 0%;
	display: none;
}

.jspTrack {
    /*background-color: #202020!important;*/
    border: 0px solid #CCCCCC!important;
    right: -12px!important;
    width: 2px!important;
}
.jspDrag {
    background: url("images/slider.png") no-repeat scroll 0 0 transparent!important;
    height: 20px !important;
    left: -9px!important;
    width: 20px!important;
}

.jspDrag:hover {
    background-position: left bottom!important;
}

#chatTopBar .acMenuRooms a:hover, #chatTopBar .acMenuRooms a:active, #chatTopBar .acMenuRooms a:focus {
   	background: none /*repeat scroll 0 0 #095197*/;
	color: #FFFFFF;
}




#chatTopBar .acMenuBar a:hover, #chatTopBar .acMenuBar a:active, #chatTopBar .acMenuBar a:focus {
   	background: repeat scroll 0 0 #CCCCCC;
	color: #FFFFFF;
}

#chatTopBar .acMenuRooms a:hover, #chatTopBar .acMenuRooms a:active, #chatTopBar .acMenuRooms a:focus {
   	background: none /*repeat scroll 0 0 #095197*/;
	color: #FFFFFF;
}

#chatMenu { position: relative; display: inline;}

#chatMenu a:hover, #chatMenu a:active, #chatMenu a:focus {
   	background: none /*repeat scroll 0 0 #095197*/;
	color: #FFFFFF;
}

#chatMenu .chatLockIcon {
    /*display: block;*/
    float: left;
    height: 29px;
	margin: 5px;
    /*left: 22px;
    position: relative;
    top: 4px;*/
}

#chatTopBar .acIr, #chatBottomBar .acIr  {
    background-color:#999999 !important;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 20px;
    text-indent: -9999px;
    width: 20px;
}

#chatMenu .acIr {
    background-color: transparent !important;
	border-radius: 5px 5px 5px 5px;
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

#chatTopBar .acIr:hover, #chatTopBar .acIr:active, #chatTopBar .acIr:focus, #chatBottomBar .acIr:hover, #chatBottomBar .acIr:active, #chatBottomBar .acIr:focus  {
    background-color: #CCCCCC !important;	
}


#chatTopBar .acHome {
    background: url("images/home.png") no-repeat scroll 3px 3px transparent !important;
    left: 8px;
    position: absolute;
    top: 10px;
    z-index: 2;
}

#chatTopBar .acMenuIcon {
    display: block;
    float: left;
    height: 29px;
    left: 22px;
    position: relative;
    top: 10px;
    z-index: 2;
}

#chatBottomBar .acMenuInput {
	display: block;
    float: left;
    height: 29px;
    position: relative;
    z-index: 2;
	padding-right: 5px;
	border-right: 1px inset #000000;
}

#chatBottomBar .acMenuActionsIcon  {
 	display: block;
    /*float: left;*/
    height: 29px;
    position: relative;
    top: 5px;
}


#chatTopBar .acMenuIcon div, #chatBottomBar .acMenuActionsIcon div {
    display: inline;
    float: left;
    margin-left: 3px;
    position: relative;
}

#chatTopBar .acGlobalsNot {
    background: url("images/config.png") no-repeat scroll 2px 2px transparent !important;
}

#chatBottomBar .acGlobalsSmyle {
    background: url("images/smile.png") no-repeat scroll 2px 2px transparent !important;
}

#chatBottomBar .acGlobalsFont {
    background: url("images/font.png") no-repeat scroll 2px 2px transparent !important;
}

#chatBottomBar .acGlobalsLoad {
 	background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #FFFFFF;
    display: block;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 9px;
    line-height: 14px;
    margin-top: 2px;
    padding: 1px;
    text-decoration: none;
}

#chatBottomBar .acGlobalsLoad:hover, #chatBottomBar .acGlobalsLoad:active, #chatBottomBar .acGlobalsLoad:focus {
	background: none repeat scroll 0 0 #CCCCCC;
}

#chatTopBar .acFriendsNot {
    background: url("images/friend.png") no-repeat scroll 2px 0 transparent !important;
}

#chatTopBar .acMesaggeNot {
    background: url("images/mail.png") no-repeat scroll 3px 3px transparent !important;
	cursor:default;
}

#chatMenu .acIr:hover, #chatMenu .acIr:active, #chatMenu .acIr:focus  {
    /*background-color: #E8E8D8 !important;*/
	background: url("images/tools_ico_bg.png") no-repeat 0px -80px transparent;
	z-index: 100!important;
}

#chatMenu .chatLock {
    /*background: url("images/home.png") no-repeat scroll 3px 3px transparent !important;*/
	background: url("images/tools_ico_bg.png") no-repeat 0px -64px transparent;
	/*background-image:url("images/tools_ico_bg.png"); background-repeat:no-repeat;*/
    /*left: 8px;
    position: absolute;
    top: 13px;*/
}


#chatTopBar .acMenuBar {
    border-radius: 5px 5px 0 0;
    display: block;
    float: left;
    margin-left: 20px;
    margin-right: -20px;
}

#chatTopBar .acMenuBar ul {
	margin: 5px 10px 10px 0!important;
    padding: 0 0 0 15px!important;
	list-style: none;
}

#chatTopBar .acMenuBar ul li {
    display: inline;
    float: left;
	background: none;	
	line-height: 1.0em;
	padding-left: 0;
}

#chatTopBar .acMenuBar ul li.no-child a {
	font-size: 1.0em!important;
	line-height: 1.0em!important;
}

#chatTopBar .acMenuBar li {
    margin-right: 3px;
    overflow: visible !important;
    position: relative;
}

#chatTopBar .acMenuBar li.no-child a.select {

    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    padding: 8px;
    text-decoration: none;
}

#chatTopBar .acMenuBar li.no-child a {
}


#chatTopBar .acMenuBar a {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    padding: 8px;
    text-decoration: none;
	
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	
}

#chatTopBar .acMenuRooms {
    display: block;
    float: left;
    height: 32px;
    left: 22px;
    position: relative;
    top: 4px;
    z-index: 2;
	border-left: inset 1px #CCCCCC;
	padding-left: 15px;
}

#chatContainer .blueButton {
    background: url("images/button_blue.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 29px;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    width: 75px;
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.75);
}

#chatNewRooms .acRoomNew .greenButton {
    background: url("images/button_green.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #516D7F !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 31px;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    width: 31px;
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.75);
}

#chatContainer .blueButton:hover {
    background-position: left bottom;
}
p.noChats, #chatUsers .count {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 12px;
    padding: 0;
    text-align: center;
	margin: 0 0;
}
#chatUsers .count {
    font-size: 11px;
}
.rounded {
    border-radius: 4px 4px 4px 4px;
}
#chatErrorMessage {
    background-color: #AB0909;
    border-bottom: 2px solid #D32A2A;
    color: #FFFFFF;
    font-size: 23px;
    left: 0;
    padding: 16px;
    position: fixed;
    text-align: center;
    text-shadow: 1px 1px 0 #940F0F;
    top: 0;
    width: 100%;
	box-shadow: 0 1px 10px #9C9C9C;
	z-index: 15001;
}
#chatSuccessMessage {
    background-color: #33CC00;
    border-bottom: 2px solid #00CC00;
    color: #FFFFFF;
    font-size: 23px;
    left: 0;
    padding: 16px;
    position: fixed;
    text-align: center;
    text-shadow: 1px 1px 0 #940F0F;
    top: 0;
    width: 100%;
	box-shadow: 0 1px 10px #9C9C9C;
	z-index: 15001;
}

/*LOGIN FORM HERE */
#dialog input {border: 0!important;}
#dialog p {line-height: 12px; margin: 0; clear: both; color: #666666;}

.ui-dialog {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; border: 4px solid #CCCCCC; border-radius: 5px 5px 5px 5px; position: relative; width: 300px; -moz-border-radius:8px;-webkit-border-radius:8px; box-shadow: 1px 1px 20px;}
.ui-dialog-title {font-weight: bold;}
.ui-dialog-content { font-size: 10px;}
.ui-dialog .ui-dialog-titlebar {/*background: url("images/solid_gray.jpg") repeat-x scroll 50% 50% #FFFFFF;background-color: #FFFFFF;*/ }
.ui-corner-all {}
.ui-widget-header {border-bottom: 1px solid #AAAAAA; color: #222222; font-weight: bold;}
.ui-helper-clearfix {display: block;}
.ui-dialog .ui-dialog-title {/*float: left; margin: 0.1em 0 0.2em;*/ line-height: 50px; margin: 10px;}
.ui-dialog-title {font-weight: bold;}
.ui-dialog .ui-dialog-titlebar-close {height: 18px; margin: -10px 0 0; padding: 1px; position: absolute; right: 0.3em; top: 50%; width: 19px;}
.ui-widget-header a {color: #222222;}
.ui-dialog .ui-dialog-content {background: none repeat scroll 0 0 transparent; border: 0 none; overflow: auto; padding: 0.5em 1em;}
.ui-widget-content {color: #222222; font-size: 10px;}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%!important;height:100%!important; background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;}

.ui-widget {font-size: 1em;}
.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555;outline:none;}


fieldset {border: 0 none;}

#users-form fieldset, #guest-form fieldset {padding: 0!important; margin: 10px 0!important; border: 0 none;}
#users-form .userdata .login-username { background-image: url("images/user_bg.png"); background-position: 0 0; background-repeat: no-repeat; height: 32px;width: 132px;}
#users-form .userdata .login-password { background-image: url("images/pass_bg.png"); background-position: 0 0; background-repeat: no-repeat; height: 32px;width: 132px;}
#users-form .userdata .login-username, #users-form .userdata .login-password {float: left; display: inline; margin:0!important;}

#guest-form .userdata .login-username { background-image: url("images/user_bg.png"); background-position: 0 0; background-repeat: no-repeat; height: 32px;width: 132px;}
#guest-form .userdata .login-username {float: left; display: inline; margin: 0!important;}
#guest-form .userdata .login-username input { border: 0; background-color: transparent!important; margin-top: 7px!important; margin-left: 25px!important; width: 100px!important;  font-size: 110%; font-weight: bold; overflow: hidden; color: #888888; padding: 0!important;}
#guest-form .userdata .login-username input:hover, #guest-form .userdata .login-username input:focus { background-color: transparent!important; padding:0!important; margin-top: 7px!important; margin-left: 25px!important; background: none!important; border: 0!important; outline: none!important;}


#users-form .userdata .login-username input, #users-form .userdata .login-password input { border: 0; background-color: transparent!important; margin-top: 7px!important; margin-left: 25px!important; width: 100px!important;  font-size: 110%; font-weight: bold; overflow: hidden; color: #888888; padding: 0!important;}
#users-form .userdata .login-username input:hover, #users-form .userdata .login-username input:focus { background-color: transparent!important; padding:0!important; margin-top: 7px!important; margin-left: 25px!important; background: none!important; border: 0!important; outline: none!important;}

#users-form .logout-button input:hover, #users-form .logout-button input:focus {border: none;}
#users-form .logout-button {margin-top: 0px!important; padding: 0px;} 


#users-form .userdata .logout-button, #users-form .userdata .login-button {float: left; display: inline; margin-top: 5px;}
#users-form .userdata .logout-button input, #users-form .userdata .login-button input { border: 0!important; margin-top: -5px; background-color: transparent;}

#users-form .userdata #form-login-remember {float: left; display: inline; margin: 7px;}
#users-form .userdata #form-login-remember .remember_me {float: right; display: inline; font-size: 10px; margin: 0px; font-weight: normal; color: #999999;}

#users-form .userdata .login-options {clear: both; margin-left: 10px; line-height: 12px; padding-top: 5px;}
#users-form .userdata .login-options div {margin: 0!important;}
#users-form .userdata .login-options .login-forgot, #users-form .userdata .login-options .login-forgot-passw, #users-form .userdata .login-options .login-registration {float: left; display: inline; font-size: 10px; margin-right: 5px; font-weight: normal;}

#users-form .inputbox { background: none!important; border: 0!important;}

/*PRIVATE MESSAGES MENU*/

.chatMessages, .chatSMS {
    background: url("images/solid_gray.jpg") repeat-x scroll 0 0 #D0D0D0;
    border: 1px solid #CCCCCC;
    padding: 10px;
    position: relative;
	clear: both;
	display: block;
	min-height: 30px;
}

#chatMessagesMenu, #chatSMSMenu { width: 90%;}

#chatMessagesMenu a:hover, #chatMessagesMenu a:active, #chatMessagesMenu a:focus, #chatSMSMenu a:hover, #chatSMSMenu a:active, #chatSMSMenu a:focus{
    background-color: #CCCCCC !important;
	border-radius: 4px 4px 4px 4px;
		
}

#chatMessagesMenu ul.chatmessages, #chatSMSMenu ul.chatsms {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0!important;
    padding: 0 0 5px!important;
    text-align: left;
	list-style-position: outside;
    list-style-type: square;
}

#chatMessagesMenu ul li, #chatSMSMenu ul li {
    background: none repeat scroll 0 0 transparent;
    margin: 0px!important;
    padding: 0!important;
}

#chatMessagesMenu li, #chatMessagesMenu li a, #chatSMSMenu li, #chatSMSMenu li a {
    float: left;
	font: 13px/5px Calibri,Arial,sans-serif;
}

#chatMessagesMenu li, #chatSMSMenu li {
    border-right: 1px solid #DEDEDE;
    height: 28px;
    list-style: none outside none;
    margin-right: 8px;
}

#chatMessagesMenu ul li a.active, #chatSMSMenu ul li a.active {
    color:#FFFFFF;
	background-color:#333333!important;
	border-radius: 4px 4px 4px 4px;
	
}

#chatMessagesMenu ul li a, #chatSMSMenu ul li a {
    font-weight: bold;
    line-height: 14px;
    margin: 5px;
    padding: 2px;
    text-decoration: none;
	/*text-shadow: 1px 1px 0 #CCCCCC;*/
}

/*POPUP LOAD TYPE*/


#chatLoadtype ul.nav {margin: 2px 0 2px 5px; padding:0; font-size: 10px;}
#chatLoadtype ul.nav li {list-style:none outside none; margin:0 0 5px; padding:0; background: none repeat scroll 0 0 transparent;}
#chatLoadtype ul.nav li a {background-image:url("images/tools_ico_bg.png");background-repeat:no-repeat;display:block; height:16px; padding: 0 0 0 24px; color:#333333!important; text-decoration: none;}

#chatLoadtype ul.nav li a.all  		 {background-position:0 0;}
#chatLoadtype ul.nav li a.all:hover  {background-position:0 -16px;}
#chatLoadtype ul.nav li a.mine 		 {background-position:0 -32px;}
#chatLoadtype ul.nav li a.mine:hover {background-position:0 -48px;}
#chatLoadtype ul.nav li a.pri  		 {background-position:0 -64px;}
#chatLoadtype ul.nav li a.pri:hover	 {background-position:0 -80px;}

#chatLoadtype a:hover, #chatLoadtype a:active, #chatLoadtype a:focus {
    background-color: transparent !important;
	border-radius: 4px 4px 4px 4px;
	color: #000000;
}

#chatNewRooms {
	width:100%; clear: both; padding-top: 5px;
	
}

#chatNewRooms .acRoomNew { 
	/*background: url("images/base.png") no-repeat scroll 0 3px transparent !important;
	padding-left: 25px;*/
}


input#acInputRoomNew {
	width: 210px;
}

.acRoomNewSeparator {
	width:100%; clear: both; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px;
}
/*
#chatNewRooms input {
	background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #777777;
    font: 13px/26px Calibri,Arial,sans-serif;
    height: 21px;
    margin-right: 5px;
    outline: medium none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
*/
#chatRenameRoom {
	float: right; width:55%;
}

#chatRenameRoom a, #chatRenameRoom a:hover, #chatRenameRoom a:active, #chatRenameRoom a:focus, #chatRenameRoom a:link, #chatRenameRoom a:visited {
	background-color: #FFFFFF!important;
	border-radius: 4px 4px 4px 4px;
	color: #0099FF;
	background: transparent!important;
	text-decoration: none;
	
}

#chatRenameRoom .inplace_form input {
	background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #777777;
    font: 13px/26px Calibri,Arial,sans-serif;
    height: 21px;
    margin-right: 5px;
    outline: medium none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	border-radius: 4px 4px 4px 4px;
}

.chatPopupRoomsManager {
	width:100%; clear: both;	
}

.chatPopupRoomsManager div {
	font-size: 11px;
	color:#666666;
	line-height: 22px;
}

.chatPopupRoomsManager div a, .chatPopupRoomsManager div a:hover, .chatPopupRoomsManager div a:active, .chatPopupRoomsManager div a:focus, .chatPopupRoomsManager div a:visited{
	background-color: #FFFFFF!important;
	background: transparent!important;
	text-decoration: none;
	color:#666666;
}



/*PMS*/
.messages span a:hover, .messages span a:active, .messages span a:focus,  .messages span a:link,  .messages span a:visited {
   	background: none!important; 
	color:#0066FF!important;
	text-decoration: none;
}

.messages span a {
	background: none!important; 
	color:#0033FF!important;
	text-decoration: none;
}


.chatMessagesDiv {
	clear: both;
}


/*SMILES*/

#smiles a img, #fonts a img {border: none!important; background: none!important;}
#smiles a, #smiles a:hover, #smiles a:active, #smiles a:focus, #smiles a:link, #smiles a:visited {
	background-color: #FFFFFF!important;
	border-radius: 4px 4px 4px 4px;
	color: #0099FF;
	background: transparent!important;
}
#fonts a, #fonts a:hover, #fonts a:active, #fonts a:focus, #fonts a:link, #fonts a:visited {
	background-color: #FFFFFF!important;
	border-radius: 4px 4px 4px 4px;
	color: #0099FF;
	background: transparent!important;
}
/*LOADED MESSAGE*/
.loaded {padding: 4px;}
.loaded .title {border: 1px solid #999999;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);clear: both; font-size: 14px;font-weight: bold;margin-bottom: 10px; padding: 5px;}
.loaded .message_avatar {width: 80px; float: left; display: inline-block;}
.loaded .message_avatar img {width: 64px; height: 64px; border: 3px solid #FFCC00; border-radius: 5px 5px 5px 5px;}
.loaded .message_details {display: inline; font-size: 12px; font: 13px/18px Calibri,Tahoma,Arial,sans-serif;}



/*SUGGESTIONS*/

.suggestions {padding: 4px; cursor: pointer; border: solid 1px #000000; border-radius: 4px 4px 4px 4px;}
.suggestions:hover { background-color:#666666;}
.suggestions .lftSuggestion {width: 36px; float: left; display: inline-block;}
.suggestions .lftSuggestion img {width: 32px; height:32px;}
.suggestions .rgtSuggestion {display: inline;}

/*PAGINATION*/

#pg {font-size: 10px; margin-top: 8px; margin-left: 2px;}
#pg a:hover {border: 1px solid #666666; color:#000000;}
#pg a {border: 1px solid #999999; border-radius: 3px 3px 3px 3px; color:#000000; font-size: 10px;  padding: 3px; text-decoration: none; background: none!important; margin: 1px;  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);}
#pg a.current {border: 1px solid #333333; border-radius: 3px 3px 3px 3px; color: #000000; font-size: 10px;  padding: 3px; text-decoration: none; background: none!important; margin: 1px; background-color:#999999!important; color: #FFFFFF;}

/*SMS*/
.chatSMStable {clear: both;}
.chatSMStable tbody tr { border: none!important;}
.chatSMStable tbody tr td { border: none!important; padding: 2px;}

.selectBox-options LI.co_uk {background: url("images/countryflags/uk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_af {background: url("images/countryflags/af.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_al {background: url("images/countryflags/al.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ao {background: url("images/countryflags/ao.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ar {background: url("images/countryflags/ar.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_au {background: url("images/countryflags/au.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_at {background: url("images/countryflags/at.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_az {background: url("images/countryflags/az.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bh {background: url("images/countryflags/bh.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bd {background: url("images/countryflags/bd.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_by {background: url("images/countryflags/by.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_be {background: url("images/countryflags/be.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bz {background: url("images/countryflags/bz.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bj {background: url("images/countryflags/bj.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bo {background: url("images/countryflags/bo.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ba {background: url("images/countryflags/ba.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bw {background: url("images/countryflags/bw.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_br {background: url("images/countryflags/br.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bn {background: url("images/countryflags/bn.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bg {background: url("images/countryflags/bg.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_bf {background: url("images/countryflags/bf.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_cl {background: url("images/countryflags/cl.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_cn {background: url("images/countryflags/cn.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_co {background: url("images/countryflags/co.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_cr {background: url("images/countryflags/cr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_hr {background: url("images/countryflags/hr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_cy {background: url("images/countryflags/cy.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_cz {background: url("images/countryflags/cz.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_dk {background: url("images/countryflags/dk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ec {background: url("images/countryflags/ec.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_eg {background: url("images/countryflags/eg.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_sv {background: url("images/countryflags/eg.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ew {background: url("images/countryflags/ew.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ee {background: url("images/countryflags/ee.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_fi {background: url("images/countryflags/fi.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_fr {background: url("images/countryflags/fr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_de {background: url("images/countryflags/de.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_gr {background: url("images/countryflags/gr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_gt {background: url("images/countryflags/gt.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_gy {background: url("images/countryflags/gy.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_hn {background: url("images/countryflags/hn.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_hk {background: url("images/countryflags/hk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_hu {background: url("images/countryflags/hu.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_is {background: url("images/countryflags/is.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_in {background: url("images/countryflags/in.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_id {background: url("images/countryflags/id.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ir {background: url("images/countryflags/ir.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ie {background: url("images/countryflags/ie.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_il {background: url("images/countryflags/il.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_it {background: url("images/countryflags/it.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ke {background: url("images/countryflags/ke.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_lv {background: url("images/countryflags/lv.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_lb {background: url("images/countryflags/lb.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ls {background: url("images/countryflags/ls.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_lt {background: url("images/countryflags/lt.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_lu {background: url("images/countryflags/lu.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mg {background: url("images/countryflags/mg.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mw {background: url("images/countryflags/mw.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_my {background: url("images/countryflags/my.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mt {background: url("images/countryflags/mt.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mx {background: url("images/countryflags/mx.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_md {background: url("images/countryflags/md.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mc {background: url("images/countryflags/mc.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ma {background: url("images/countryflags/ma.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_mz {background: url("images/countryflags/mz.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_na {background: url("images/countryflags/na.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_nl {background: url("images/countryflags/nl.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_nz {background: url("images/countryflags/nz.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_an {background: url("images/countryflags/an.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ni {background: url("images/countryflags/ni.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ng {background: url("images/countryflags/ng.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_no {background: url("images/countryflags/no.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_pk {background: url("images/countryflags/pk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_pa {background: url("images/countryflags/pa.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_py {background: url("images/countryflags/py.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_pe {background: url("images/countryflags/pe.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ph {background: url("images/countryflags/ph.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_pl {background: url("images/countryflags/pl.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_pt {background: url("images/countryflags/pt.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ro {background: url("images/countryflags/ro.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ru {background: url("images/countryflags/ru.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_sa {background: url("images/countryflags/sa.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_rs {background: url("images/countryflags/rs.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_sg {background: url("images/countryflags/sg.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_sk {background: url("images/countryflags/sk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_si {background: url("images/countryflags/sk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_za {background: url("images/countryflags/za.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_es {background: url("images/countryflags/es.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_lk {background: url("images/countryflags/lk.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_sr {background: url("images/countryflags/sr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_se {background: url("images/countryflags/se.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ch {background: url("images/countryflags/ch.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_tw {background: url("images/countryflags/tw.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_tz {background: url("images/countryflags/tz.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_th {background: url("images/countryflags/th.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_tn {background: url("images/countryflags/tn.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_tr {background: url("images/countryflags/tr.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ua {background: url("images/countryflags/ua.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ae {background: url("images/countryflags/ae.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_us {background: url("images/countryflags/us.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_uy {background: url("images/countryflags/uy.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_ve {background: url("images/countryflags/ve.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_vn {background: url("images/countryflags/vn.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}
.selectBox-options LI.co_zw {background: url("images/countryflags/zw.gif") no-repeat scroll 2px 3px transparent !important; padding-left: 20px;}