/* Minification failed. Returning unminified contents.
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,30): run-time error CSS1039: Token not allowed after unary operator: '-display_emoji'
(318,31): run-time error CSS1039: Token not allowed after unary operator: '-text_emoji'
 */
/*
Includes:
Yucata styles
ui.theme.css
ui.core.css
ui.dialog.css
ui.resizable.css
*/

/* YUCATA STYLES */
/* BASE */

:root {
    --display_emoji: none;
    --text_emoji: unset;
}

body
{
    font-size: .75em;
    font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
  
   
    /*background: #FFF8DC ;*/
    background-color: #FDE7B6;
}



a:link
{
    color: #034af3;
    text-decoration: none;
}
a:visited
{
    color: #034af3;
    text-decoration: none;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
    text-decoration: none;
}

/*
a:link, a:visited {color: black; text-decoration: none; }

a:hover, a:active { 
	text-decoration: none; 
	}

*/

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

    p.simple {
        margin-bottom: 00px;
        line-height: 1em;
    }

img
{
	border: 0;
}
/*
h1{
	color:white;
	font-size:20pt;
	letter-spacing: 1px;
}
h2 {
	color:#000000;
	font-size:14pt;
	letter-spacing: 1px;

	}
h3 {
	color:#000000;
	font-size:12pt;
	font-style:italic;
	}
*/
th{
	font-size:10pt;
	font-weight:bold;
	text-align:left;
}
img{
	border-width: 0px;
}

em
{
	font-style:italic;
	font-family:Verdana;
}

/* BASE */

/* FRAME */
div.portletheader
{
	background: #3f70B3;
	color: White;
	font-weight:bold;
	padding-top: 4px;
	padding-left:4px;
	padding-bottom:4px;
	font-size:10pt;
}

h2
{
    color:#043460;
}

#BuddyList
{
    font-size:8pt;
    padding:10px 2px 5px 3px;
}

/* END CENTERCOL */

/* LAYOUT */
.l-tabs {
	margin-top: 2px;
}
.l-tabs__tab_navigator {
	position: static;
	display: inline-block;
	padding: 8px 15px 10px 15px;
	margin-right: -3px;
	font-weight: bold;
	background-color: #3F70B3;
	border-radius: 15px 15px 0 0;
	border: solid #71A1E1;
	border-width: 1px 1px 0 0;
	cursor: pointer;
	z-index: 1;
}
.l-tabs__tab_navigator.is_active {
	background-color: #012555;
}
.l-tabs__tab_navigator__title_span {
	display: block;
	text-align: center;
	color: #FFF;
}
.l-tabs__tab_navigator.is_active > .l-tabs__tab_navigator__title_span {
	color: #C59B73;
}
.l-tabs__tab_content { display: none; }
.l-tabs__tab_content.is_active { display: inline; }

/* old */
.tabs__navigation {
	padding: 12px 8px 12px 0px;
	z-index: 0;
	background: #3f70b3;
}

.tabs__link, .tabs__link:visited, .tabs__link:link {
	border-left: 2px solid #71a1e1;
	padding: 12px 8px;
	position: relative;
	color: #fff;
	font-weight: bold;
}

.tabs__link--active:link {
	text-decoration: underline solid red;
}
/* END LAYOUT */

/* SENDMESSAGE */
.ActiveTab{border: solid 1px #000000; background-color: #fff8dc; padding:0px 2px 2px 2px;}
.InActiveTab{border: solid 1px #000000; padding:0px 2px 2px 2px;}

/* END SENDMESSAGE */

/* CURRENT GAMES */
A.currentGameOnTurn:link, A.currentGameOnTurn:visited { font-size: 8pt; font-family: Verdana, Sans-Serif; }
A.currentGameOnTurn:hover, A.currentGameOnTurn:active  { color: #3366cc; text-decoration: none; }
A.currentGameNotOnTurn:link, A.currentGameNotOnTurn:visited { font-size: 8pt; color: darkgray; font-family: Verdana, Sans-Serif; }
A.currentGameNotOnTurn:hover, A.currentGameNotOnTurn:active { color: #3366cc; text-decoration: none; }

span.onlinePlayer {	color: #3366cc; }

td.cgtCell 
{
    font-size: 8pt; 
    vertical-align:top;
    padding-left: 2px;
    padding-right: 2px;
    height:15px;
}
td.currentGameNotOnTurn { color: #808080; }
/*.noWrap { white-space:nowrap; }*/

.gameID { padding-right: 8px; width: 50px; text-align: right; }
span.playerOnTurn { font-style: italic; }
/* END CURRENT GAMES */

/* RECEIVEDMESSAGES */
A.MessageTitle:link, A.MessageTitle:visited
{
	font-size:11px;
	font-style:italic;
}
A.MessageTitle:hover, A.MessageTitle:active,MessageBody.A:hover, MessageBody.A:active, .DefaultLink:hover, A.replaylink:link, A.replaylink:visited{
	color: #3366cc;
	text-decoration:none;
}

.MessageBody{
	margin-left:37px;
}
/* END RECEIVEDMESSAGES */

/* INVITATIONS */
#ReceivedPersonalInvitations, #SentInvitations, #ReceivedPersonalInvitations TD, #SentInvitations TD, #ReceivedPublicInvitations, #ReceivedPublicInvitations TD, #divRecentlyFinishedGames, #divRecentlyFinishedGames TD, #LiveGames, #LiveGames TD{
    font-size: 8pt;
    font-family: Verdana, Sans-Serif;
}

#LiveGames  .bottom{
    margin-left: 4px;

}
#ReceivedPublicInvitations TD, #SentInvitations TD, #ReceivedPersonalInvitations TD 
{
	padding-bottom:2px;
	vertical-align:top;
}
/* INVITATIONS */

/* CHAT */
#divChat { overflow: auto; width: 830px; height: 150px;
border-top: dotted 1px #dfd0ba;
border-left: dotted 1px #dfd0ba;
border-right: solid 1px #dfd0ba;
border-bottom: solid 1px #dfd0ba;
padding:2px 2px 2px 2px;
margin-bottom:4px;
}
.ChatTable{}
.ChatTimeCell, .ChatLoginCell{
	padding-left:2px;
	padding-right:6px;
	font-size:8pt;
	width:20px;
	white-space:nowrap;
	vertical-align:top;
	text-align:right;
}
.ChatMessageCell{
	padding-left:2px;
	padding-right:2px;
	font-size:8pt;	
	vertical-align: top;
}
#edtChatMsg{width:500px;margin-left:5px;}
.ChatPrivateMessage{color: #993300;}
.ChatSystemMessage
{
	color: #009900;
}
.ChatSenderLink:active{text-decoration:none;}
.ChatSenderLink:hover{color: #3366cc;text-decoration:none;}
a.ChatLink:visited,a.ChatLink:link,a.ChatLink:active{color: #3366cc;text-decoration:none;}
a.ChatLink:hover{color: #3366cc;text-decoration:underline;}
#ChatScript{overflow:auto;width:600px;height:500px;background-color: cornsilk;padding:5px 5px 5px 5px;}
#ChatHelp { border-right: #b6cbe1 1px solid; padding-right: 10px; border-top: #b6cbe1 1px solid; padding-left: 10px; font-size: 9pt; padding-bottom: 10px; border-left: #b6cbe1 1px solid; width: 400px; padding-top: 5px; border-bottom: #b6cbe1 1px solid; font-family: Verdana, Sans-Serif; background-color: cornsilk; }
.OwnMessage { font-style: italic; }
img.emoticon { display: var(--display_emoji); }
span.emoticon { display: var(--text_emoji); }

/* CHAT */

/* START: ONLINEUSERS */
.OnlineUsersTable { table-layout: fixed; 
	font-size: 8pt; font-family: Verdana, Sans-Serif; }
.OnlineUsersLoginCell{font-size: 8pt; font-family: Verdana, Sans-Serif; }
.OnlineUsersTimeCell{white-space:nowrap; text-align:right; vertical-align:top;font-size: 8pt; font-family: Verdana, Sans-Serif; }

/* ENDE: ONLINEUSERS */

/* PlayerInfo */

.PlayerInfo A:hover, .Ranking A:hover, A.SubMenu:hover
{
	color: #3366cc;
}

#OuterPlayerInfoPane { border-right: #b6cbe1 1px solid; padding-right: 10px; border-top: #b6cbe1 1px solid; padding-left: 10px; font-size: 9pt; padding-bottom: 10px; border-left: #b6cbe1 1px solid; width: 400px; padding-top: 5px; border-bottom: #b6cbe1 1px solid; font-family: Verdana, Sans-Serif; background-color: cornsilk; }

/* ENDE Playerinfo*/

/* PlayerList2 */
div.controlbody 
{
    padding: 3px; 
    width: 700px; 
}
div.controlheader 
{
    color: #cc6633; font-size: 16px; font-weight: bold; margin: 3px; margin-bottom: 8px; 
}
div.pl_Content 
{
    height : 418px;    /* dynamic??? */ 
}
div.pl_PlayerList
{
    border: 1px solid #fadea8; background-color: #fff8dc; margin-right: 2px; margin-bottom:2px; 
    overflow: hidden; padding: 0px; font-size: 12px; text-align : center; width: 228px; height: 64px;
}
div.pl_Row 
{
    font-size: 11px; padding: 0px; overflow: hidden; white-space:nowrap; margin-left: 1px;
}
a.pl_Link
{
    font-size: 11px; color: #0000ff; text-decoration: none;
}
a:hover.pl_Link
{
    text-decoration: underline;
}
.plButton 
{
    margin: 0px; padding: 0px; border: 1px solid #7daad8; font-size: 10px; font-weight: bold; background-color: White; color: #7daad8;
}
.plButton:hover 
{
    font-weight: bold; background-color: #7daad8; color: White;
}
/* ENDE: PlayerList2 */

.thumb
{
	margin:5px 5px 5px 5px;
}

.Signature
{
	text-align: right;
	font-size:10pt;
	font-style:italic;
}

p.Flow { font-size: 10pt; line-height: 12pt; font-family: Georgia, Serif; }

.button {
	background-color:#b6cbe1;
}

.acceptbutton
  {
     padding-left:25px;
     background:#b6cbe1 url(images/accept.png) 6% 50% no-repeat;
	 /*color: darkgreen;*/
  }
  
/*.acceptbutton:disabled {
	color: grey;
}*/
  .addbutton
  {
     padding-left:25px;
     background:#b6cbe1 url(images/add.png) 3px 50% no-repeat;
  }
  
  .crossbutton
  {
     padding-left:25px;
     background:#b6cbe1 url(images/cross.png) 6% 50% no-repeat;
  }
  
  .commentsbutton
  {
     padding-left:20px;
     background:#b6cbe1 url(images/comments.png) 6% 50% no-repeat;
  }
  
  .bulletgobutton
  {
     padding-left:20px;
     background:#b6cbe1 url(images/bullet_go.png) 6% 50% no-repeat;
  }
  
  .hidebuttonsbutton
  {
     padding-left:20px;
     background:#b6cbe1 url(images/buttons_hide.png) 6% 50% no-repeat;
  }
  
  .showbuttonsbutton
  {
     padding-left:20px;
     background:#b6cbe1 url(images/buttons_show.png) 6% 50% no-repeat;
  }
  
  .textbutton
  {
     padding-left:20px;
     background:#b6cbe1 url(images/text.png) 6% 50% no-repeat;
  }

.Statistic { background-color: skyblue; }

/* Context menu*/
.tablecontext{
	background-image: url(images/bar.gif);
	background-repeat:repeat-y;
	border:0px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#BBBBBB;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#666666;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#BBBBBB;
    background-color: #fff8dc;
}
.trcontext{
	margin-left:30px;
}
.ctxspcol{
	width:17px;
}
.ctxtitrow{
    font-weight:bold;
}
TD.ctxrow:hover
{
  background-image:url(images/title.gif);
  background-repeat:repeat-x;
}
A.ctxrow:hover{
	text-decoration:none;
}
/* end context menu */

A.rulelink
{
	color:Blue;
}

/* Welcome page */
A.Welcome {font-weight:bold;}
A.Welcome:hover {color:#3366cc;}

/* FAQ */
.faql1
{
	display:block;
	color:Green;
	width:400px;
}

A.faql1
{
	font-weight:bold;
}

.faql2
{
	display:block;
	margin-left:30px;
	width:370px;
}

A.faql1:hover, A.faql2:hover
{
	color:white;
	background-color:#b6cbe1;
}
img.faq.inlinePic { height: 1.2em; width: auto; }

/* Invitations */
.invitationh1 { font-size: 14pt; margin-bottom: 0px; padding-bottom: 0px; color: white; font-weight:bold;}
.invitationh2 { margin-top: 10px; font-size: 10pt; margin-bottom: 0px; color: #043460; padding-top: 0px; padding-bottom:3px; font-weight:bold; }
.pawn, .divider { height: 20px; width: 20px; vertical-align: middle; }
/* Invitation result message toast: */
.framework_message_toast {
  visibility: hidden;
  position: fixed;
  left: 50%;
  bottom: 1.5em;
  min-width: 250px;
  margin-left: -125px;
  padding: 16px;
  z-index: 1;
  text-align: center;
  font-family: Verdana,Helvetica,Sans-Serif;
  font-size: 1.2em;
  color: #fff;
  background-color: #3f70b3;
  border-width: 2px;
  border-color: #000;
  border-style: solid;
  border-radius: 1em;
}
.framework_message_toast.framework_message_toast--show {
  visibility: visible;
  -webkit-animation: framework_message_toast__fadein 0.5s, framework_message_toast__fadeout 0.5s 4.5s;
  animation: framework_message_toast__fadein 0.5s, framework_message_toast__fadeout 0.5s 4.5s;
}
.framework_message_toast:hover {
  animation-play-state: paused;
  visibility: visible;
}
@-webkit-keyframes framework_message_toast__fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 1.5em; opacity: 1;}
}
@keyframes framework_message_toast__fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 1.5em; opacity: 1;}
}
@-webkit-keyframes framework_message_toast__fadeout {
  from {bottom: 1.5em; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}
@keyframes framework_message_toast__fadeout {
  from {bottom: 1.5em; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.framework_message_toast__type_icon {
  vertical-align: middle;
  margin-right: 0.8em;
}

.overviewHighlightRow
{
background-color:#fadea8;
}

/* new charts */
div.ChartDiv
{
  margin-bottom:5px;
  padding:2px;
  /*background-color:#FFF8DC;*/
  border-style:solid;
  border-width:1px;
  border-color:#FFFFFF #C08000 #C08000 #FFFFFF;
}

div.ChartG
{
  margin-top:2px;
  padding-left:5px;
  background-color:#FFF8DC;
  border-style:solid;
  border-width:1px;
  border-color:#FFFFFF #C08000 #C08000 #FFFFFF;
}

td.ChartCell
{
  padding:0px;
  border-style:none;
  font-size: 9px;
}

div.ChartTitle
{
  color:#CC6633;
  font-size:large;
  padding:2px;
  font-weight:bold;
}


/* Team-Page */
tr.TeamHeader
{
    background-color: #89A1BB;
    color:#FFFFFF;
    font-weight: bold;
}
tr.TeamHeaderEx
{
    background-color: #666666;
    color:#FFFFFF;
    font-weight: bold;
}
td.TeamName
{
    text-align:center;
}
td.TeamPic img
{
    max-width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

tr.TeamDesc
{
    background-color: #FFFFFF;
}

tr.TeamDescEx
{
    background-color: #999999;
}

.highlightbutton
{
    background-color: #FF6600;
}

/* Forms */
.form
{
    /*padding-left:10px;*/
}
.yform fieldset{
	
	border-width:2px 2px 2px 10px;
	border-style:solid;
	border-color:#3F70B3;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:0px 0px 20px 20px;
	width:550px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	
	display:block;
	float:left;
}

.yform .formerror
{
    width: 230px;
    position:relative;
    float:left;
    
}

.errormessage
{
    display: block;
}

.yform fieldset legend{	
	background-color:#3F70B3;
	
	border-width:1px 1px 1px 10px;
	border-color:#3F70B3;
	border-style:solid;
	
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
		
	width:210px;
	padding:3px 5px;
	margin:0px 0px 10px -20px;
	position:relative;
	top: -4px;
	
}
	 
.yform fieldset legend img{
	padding:0px 5px 0px 5px;	
}

.yform label{
	color:#3F70B3;
	font-size:90%;
	font-weight:bold;
	
	display:block;
	float:left;
	width:130px;
	text-align:right;
	margin:4px 5px 0px 0px;
}

.yform input, .yform .yformspan, yform .formcomment{
	margin:2px 0px 0px 0px;
	padding:1px 2px;
}

.yform .yfrmctrl
{
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	font-family:"Courier New", Courier, mono;
	width:200px;
}

.ycheckboxlist input,
.yform .yformspan input
{
    width:auto;
}

.ycheckboxlist label
{
    width:200px;
}

.yform .yformspan label
{
    width:auto;
}


.alignRight { text-align: right; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }







/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://ui.jquery.com/themeroller/?tr=&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35;  background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7;  font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; }
.ui-widget-shadow { margin: 2px 0 0 2px; padding: 2px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; background-color: #fff8dc;
 }
.ui-dialog .ui-dialog-titlebar { 
 padding: .2em .1em .1em 0.5em;
 position: relative;  }
.ui-dialog .ui-dialog-title { 
float: left; margin: .1em 0 .2em; 
font-size: 10pt;
} 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .2em .3em; background: none; overflow: auto; background-color: #fff8dc;}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-s-special { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(images/resizable-s.gif) repeat scroll center top;}

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-e-special { cursor: e-resize; width: 6px; height: 100%; bottom: 0px; right: 0px; background: transparent url(images/resizable-e.gif) repeat scroll center top;}
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}





/* CSS SPRITES */

.flag {
   background: url(images/allflags.png) no-repeat top left;
}

.flag-ad-flag { background-position: 0 -30px; } 
.flag-am-flag { background-position: 0 -76px; } 
.flag-ar-flag { background-position: 0 -122px; } 
.flag-at-flag { background-position: 0 -168px; } 
.flag-au-flag { background-position: 0 -214px; } 
.flag-az-flag { background-position: 0 -260px; } 
.flag-be-flag { background-position: 0 -306px; } 
.flag-bg-flag { background-position: 0 -352px; } 
.flag-bo-flag { background-position: 0 -398px; } 
.flag-br-flag { background-position: 0 -444px; } 
.flag-bs-flag { background-position: 0 -490px; } 
.flag-by-flag { background-position: 0 -536px; } 
.flag-ca-flag { background-position: 0 -582px; } 
.flag-ch-flag { background-position: 0 -628px; } 
.flag-cl-flag { background-position: 0 -674px; } 
.flag-cn-flag { background-position: 0 -720px; } 
.flag-co-flag { background-position: 0 -766px; } 
.flag-cr-flag { background-position: 0 -812px; } 
.flag-cu-flag { background-position: 0 -858px; } 
.flag-cy-flag { background-position: 0 -904px; } 
.flag-cz-flag { background-position: 0 -950px; } 
.flag-de-flag { background-position: 0 -996px; } 
.flag-dk-flag { background-position: 0 -1042px; } 
.flag-do-flag { background-position: 0 -1088px; } 
.flag-ec-flag { background-position: 0 -1134px; } 
.flag-ee-flag { background-position: 0 -1180px; } 
.flag-en-flag { background-position: 0 -1226px; } 
.flag-es-flag { background-position: 0 -1272px; } 
.flag-eu-flag { background-position: 0 -1318px; } 
.flag-fi-flag { background-position: 0 -1364px; } 
.flag-fr-flag { background-position: 0 -1410px; } 
.flag-gb-flag { background-position: 0 -1456px; } 
.flag-gr-flag { background-position: 0 -1502px; } 
.flag-gt-flag { background-position: 0 -1548px; } 
.flag-hk-flag { background-position: 0 -1594px; } 
.flag-hr-flag { background-position: 0 -1640px; } 
.flag-hu-flag { background-position: 0 -1686px; } 
.flag-id-flag { background-position: 0 -1732px; } 
.flag-ie-flag { background-position: 0 -1778px; } 
.flag-il-flag { background-position: 0 -1824px; } 
.flag-in-flag { background-position: 0 -1870px; } 
.flag-is-flag { background-position: 0 -1916px; } 
.flag-it-flag { background-position: 0 -1962px; } 
.flag-jm-flag { background-position: -166px -30px; } 
.flag-jp-flag { background-position: -166px -76px; } 
.flag-kr-flag { background-position: -166px -122px; } 
.flag-li-flag { background-position: -166px -168px; } 
.flag-lt-flag { background-position: -166px -214px; } 
.flag-lu-flag { background-position: -166px -260px; } 
.flag-lv-flag { background-position: -166px -306px; } 
.flag-mt-flag { background-position: -166px -352px; } 
.flag-mx-flag { background-position: -166px -398px; } 
.flag-ni-flag { background-position: -166px -444px; } 
.flag-nl-flag { background-position: -166px -490px; } 
.flag-no-flag { background-position: -166px -536px; } 
.flag-nz-flag { background-position: -166px -582px; } 
.flag-pe-flag { background-position: -166px -628px; } 
.flag-pl-flag { background-position: -166px -674px; } 
.flag-pr-flag { background-position: -166px -720px; } 
.flag-pt-flag { background-position: -166px -766px; } 
.flag-py-flag { background-position: -166px -812px; } 
.flag-ro-flag { background-position: -166px -858px; } 
.flag-ru-flag { background-position: -166px -904px; } 
.flag-sd-flag { background-position: -166px -950px; } 
.flag-se-flag { background-position: -166px -996px; } 
.flag-sg-flag { background-position: -166px -1042px; } 
.flag-sk-flag { background-position: -166px -1088px; } 
.flag-sl-flag { background-position: -166px -1134px; } 
.flag-tr-flag { background-position: -166px -1180px; } 
.flag-ua-flag { background-position: -166px -1226px; } 
.flag-un-flag { background-position: -166px -1272px; } 
.flag-us-flag { background-position: -166px -1318px; } 
.flag-ve-flag { background-position: -166px -1364px; } 
.flag-za-flag { background-position: -166px -1410px; }

.sprite-common {
   background: url(images/sprite_common.png) no-repeat top left;
}

.sprite-clock {
   background: url(images/clock.png) no-repeat top left;
   height:13px;
    width:13px;
    float:left;
}

.invitation-image{
height:13px;
width:13px;
margin-left:5px;
float:left;
}

.messages-image{
height:13px;
width:13px;
margin-right:5px;
float:left;
}

.currentgame-image{
height:13px;
width:13px;
float:left;
}

.donation-image{
height:16px;
width:16px;
padding-right: 2px;
padding-bottom: 0px;
}

.onlineusers-image{
height:16px;
width:16px;
float:left;
padding-right: 2px;
padding-bottom: 0px;
}

.moderator-image{
height:12px;
width:17px;
float:left;
padding-right: 2px;
padding-bottom: 0px;
}

.poeppel-image{
height:13px;
width:13px;
float:left;
}

.link-image{
height:11px;
width:8px;
float:left;
}

.help-image{
height: 16px;
width: 16px;
float:right;
}

.sprite-common-2players { background-position: 0 -30px; } 
.sprite-common-3players { background-position: 0 -73px; } 
.sprite-common-4players { background-position: 0 -116px; } 
.sprite-common-5players { background-position: 0 -159px; } 
.sprite-common-6players { background-position: 0 -181px; } 
.sprite-common-Hilfe { background-position: 0 -202px; } 
.sprite-common-admin { background-position: 0 -252px; } 
.sprite-common-btnAccept { background-position: 0 -298px; } 
.sprite-common-btnDecline { background-position: 0 -341px; } 
.sprite-common-btnDelete { background-position: 0 -384px; } 
.sprite-common-don_level1 { background-position: 0 -427px; } 
.sprite-common-don_level2 { background-position: 0 -473px; } 
.sprite-common-don_level3 { background-position: 0 -519px; } 
.sprite-common-don_level4 { background-position: 0 -565px; } 
.sprite-common-don_level5 { background-position: 0 -611px; } 
.sprite-common-help { background-position: 0 -657px; } 
.sprite-common-hilfe2 { background-position: 0 -703px; } 
.sprite-common-hin { background-position: 0 -752px; } 
.sprite-common-hinspiel { background-position: 0 -795px; } 
.sprite-common-home { background-position: 0 -838px; } 
.sprite-common-invall { background-position: 0 -888px; } 
.sprite-common-invdirect { background-position: 0 -931px; } 
.sprite-common-link { background-position: 0 -974px; } 
.sprite-common-logout { background-position: 0 -1015px; } 
.sprite-common-moderator { background-position: 0 -1065px; } 
.sprite-common-poeppel { background-position: 0 -1107px; } 
.sprite-common-reply { background-position: 0 -1150px; } 
.sprite-common-rueck { background-position: 0 -1193px; } 
.sprite-common-rueckspiel { background-position: 0 -1236px; } 
.sprite-common-script { background-position: 0 -1279px; } 
.sprite-common-training { background-position: 0 -1328px; } 
.sprite-common-tunier { background-position: 0 -1371px; } 
.sprite-common-wertung { background-position: 0 -1414px; } 

/* game toolbar classes */
	.fg-button { outline: 0; margin:0 1px 0 0; padding: .1em .4em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .1em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }
	
	
/* Y2 Styles */
.page
{
    background-image: url(images/bg.jpg);
    background-repeat: repeat;
}

#header
{
    margin-bottom: 0px;
    padding: 0;
    height: 46px;
    z-index: 10;
    overflow: hidden;
}

#Logo
{
	background-image: url(images/Logo.jpg);
	width: 114px;
	/*height: 81px;*/
}

#title
{
	width: 791px;
	height: 44px;
	background-image: url(images/header_in.jpg);
	background-repeat: no-repeat;
}

#left
{
	width: 120px;
	display: inline-block;
	vertical-align: top;
}

#right
{
	width: 855px;
	padding-left: 15px;
	 /*background-image: url(images/background.png);
	 background-repeat: repeat;*/
	 background-color: #FADEA8;
	 display: inline-block;
}
#menubar
{
	width: 100%;
	background-color: rgb(114,161,225);
	height: 36px;
	border-bottom: 2px solid rgb(0, 48, 94);
	border-top: 2px solid rgb(0, 48, 94);
}

#footer
{
	clear:both;
	width:100%;
	color:White;
	background-color: rgb(70, 107, 197);
}

#footercontent
{
	clear:both;
	/*background-image: Url(img/footer.png);*/
	background-color: rgb(70, 107, 197);
	/*background-repeat: no-repeat;*/
	height:20px;
	padding: 3px 30px 0px 20px;
}

#footer a
{
	color:White;
}

#footercommands, #footercommands a
{
	color:White;
	font-size: 10px;
}


.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

/* Drop shadows */
.shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 3px;
  } 

.inviteDetails .shadow img {
	max-width: 13em;
}
  
  #PlayerStatusContainer
  {
      position:absolute;
      top: 2px;
      left: 163px;
      /*background-color: #FADEA8;*/
      
  }
  
  #LogonContainer
  {
      padding: 0px 2px 2px 2px;
	background-color: rgb(62, 112, 179);
	border-left: 1px solid black;
	border-right: 1px solid black;
	position: absolute;
	z-index:101;
	top: 0px;
	left: 161px; 
	font-size: 1em;
	width:150px;
	height: 80px;
	color: White;
  }
  
  .LoginFields {
/*height:1em;*/
    width:130px;
	border: solid 1px #999;
	font-size: 1em;
	vertical-align: middle;
	margin: auto 2px auto 2px;
}

.loginlink a
{
	color:White;
}

.LoginButton
{
	position: absolute;
	top: 50px;
	left: 165px;
}

.watermark 
{
	color: #999 !important;
}

/* other */

.contentpanel
{
    padding:0px 5px 10px 3px;
}

/* tables */
table.default
{
    border: 1px #7694c8 solid; 
    background-color: #FFFFFF;
}
tr.header
{
    /*background-color: #7694c8;*/
    background-color: #043460;
    color: white;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica;
}
td.normal
{
    /*background-color: #eef3fb;*/
    background-color: #71A1E1;
}
td.highlight
{
    background-color: #D4D9EC;
}

.beta, .indev, .intest
{
    vertical-align: super;
    color: red;
    font-size: 0.83em;
    padding-left:2px;
}

#master-tl
{
    position:absolute;
    top:0px;
    left:0px;
    background-image:url(images/Logo.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    background-color: #71A1E1;
    border-bottom: 2px solid #00305E;
    border-right:2px solid #00305E;
    width:160px;
    height:81px;
    overflow:hidden;
    cursor:pointer;
}

#master-tt
{
    position: absolute;
    top: 0px;
    left:160px;
    height:43px;
    overflow:hidden;
    width:840px;
    background-image: url(images/yucatabanner3.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    border-right:2px solid #00305E;
    border-bottom:2px solid #00305E;
     border-left:2px solid #00305E;
}

#master-menu
{
    position: absolute;
    z-index: 100;
    top: 45px;
    left: 160px;
    width:840px;
    background-color:#71A1E1;
    height:36px;
    border-right:2px solid #00305E;
    border-bottom:2px solid #00305E;
     border-left:2px solid #00305E;
}

#master-tbllower
{
    position:absolute;
    top: 83px;
    left:0px;
    width:100%;
}

#master-tblmiddle
{
    width:840px;
    vertical-align:top;
    border-right:2px solid #00305E;
    border-bottom:2px solid #00305E;
    background-color:#FDE7B6;
}

#master-tblmiddlebl
{
    height:19px;
}

#master-left
{
    width: 160px;
    overflow-x:hidden;
    overflow-y:hidden;
   
}

#master-tblleft
{
    vertical-align:top;
    width:160px;
     border-right:2px solid #00305E;
}

#master-middletl
{
    width:840px;
    overflow-x:hidden;
    
    vertical-align:top;
    padding-bottom:30px;
}

#master-middletr
{
    border-bottom:2px solid #00305E;
}

#master-middlebl
{
    width:840px;
    /*overflow-x:hidden;*/
    background-color:#3F70B3;
    border-bottom:2px solid #00305E;
    border-right:2px solid #00305E;
    height:19px;
}

#master-middlebr
{
    width:auto;
    background-color: #043460;
    height:19px;
    border-bottom:2px solid #00305E;
    border-right:2px solid #00305E;
}

#languagepicker
{
    position:absolute;
    top: 5px;	
    left: 5px;	
}

.helpdiv
{
    line-height:10pt;
    padding: 2px 4px 2px 4px;
    margin:0px;
    font-size:8pt;
}

.helpdiv p
{
    line-height:10pt;
    margin-bottom:4px;
    font-size:8pt;
}

#GameInfoTbl td
{
    vertical-align: top;
}

.tbldefault
{
    background-color: #71A1E1;
}

.tblhighlight
{
    color:White;
    font-weight:bold;
    background-color: #3F70B3;
}

.notehighlight
{
    color: #CC0000;
}

.heading
{
    color:#043460;
}

#divUnreadMessages {
    font-size: 8pt;
    padding: 0px 2px 15px 3px;
}

#divRecentlyFinishedGames a:link.hasUnreadChat
{
    color: red;
}


/* rules */
.ruleschanged {
    background: #e2e4ff;
    color: black;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* Konqueror */
    border-radius: 10px; /* CSS3 */
}



/* jquerytools tabs */
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}
	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

/* simple css-based tooltip */
.tooltip {
	background-color:#00305E;
	border:1px solid #fff;
	padding:10px 15px;
	width:250px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #00305E;
	-webkit-box-shadow:0 0 10px #00305E;
}

/* styles for expanded personal invites */
.inviteDetails
{
	width: 100%;
	padding-left: 36px;
}
.inviteDetailsMainCell
{
	padding-top: 0 ! important;
	padding-left: 0 ! important;
}
.inviteDetailsHeadingCell
{
	white-space: nowrap ! important;
}
.inviteAcceptDeclineCell
{
	vertical-align: bottom ! important; 
	width: 20px ! important;
	padding-left: 6px ! important;
	padding-right: 0px ! important;
}	


.loadingindicator
  {
      width: 32px;
      height: 32px;

     background:url(images/loading.gif) no-repeat;
          margin-left:auto; 
    margin-right:auto;
  }
  
  .controls_buddylist_ascx .loadingindicator
  {
      width: 32px;
      height: 32px;
     background:url(images/loading_trans.gif) no-repeat;
     margin-left:auto; 
    margin-right:auto;
  }
  
  .jGameInfo, .jPlayerInfo {
	  cursor: default;	
  }

a.jGameInfo, a.jPlayerInfo {
	cursor: pointer;
}

img.jPlayerInfo {
	width: 13px;
}

.ui-dialog img.jPlayerInfo {
	width: 10px;
}

span.jPlayerInfo.offline {
	color: gray;
}
span.jPlayerInfo.online, .ChatLoginCell>span.jPlayerInfo {
	color: black;
}

span.jGameInfo.notOnTurn {
	color: gray;
}

img.jOnlineImage {
	width: 0;
	height: 0;
	padding-left: 0;
	padding-right: 0;
}

img.jOnlineImage.online, img.jOnlineImage.jKeepSpace  {
	width: 8px;
	height: 8px;
	padding-left: 5px;
	padding-right: 9px;
}

.jOnlineUser img.onVacation {
	width: 17px;
	height: 13px;
	padding-left: 0px;
	padding-right: 5px;
}

.gameListNumber {
	text-align: right;
}

.gameListDate {
	text-align: center;
}

	table.dataTable tbody tr select {
		background-color: #f7f8ff;
	}

	table.dataTable tbody tr.selected select {
		background-color: #d3d6ff;
	}

	table.dataTable.stripe tbody tr.odd select, 
	table.dataTable.display tbody tr.odd select {
		background-color: #f1f2f9;
	}

	table.dataTable.stripe tbody tr.odd.selected select, 
	table.dataTable.display tbody tr.odd.selected select {
		background-color: #ced0f9;
	}

	table.dataTable.hover tbody tr:hover select, 
	table.dataTable.display tbody tr:hover select {
		background-color: #eeeff5;
	}

	table.dataTable.hover tbody tr:hover.selected select, 
	table.dataTable.display tbody tr:hover.selected select {
		background-color: #cbcef5;
	}

	/*table.dataTable.order-column tbody tr > .sorting_1 select,
	table.dataTable.order-column tbody tr > .sorting_2 select,
	table.dataTable.order-column tbody tr > .sorting_3 select, 
	table.dataTable.display tbody tr > .sorting_1 select,
	table.dataTable.display tbody tr > .sorting_2 select,
	table.dataTable.display tbody tr > .sorting_3 select {
		background-color: #f2f3f9;
	}

	table.dataTable.order-column tbody tr.selected > .sorting_1 select,
	table.dataTable.order-column tbody tr.selected > .sorting_2 select,
	table.dataTable.order-column tbody tr.selected > .sorting_3 select, 
	table.dataTable.display tbody tr.selected > .sorting_1 select,
	table.dataTable.display tbody tr.selected > .sorting_2 select,
	table.dataTable.display tbody tr.selected > .sorting_3 select {
	    background-color: #ced1f9;
	}

	table.dataTable.display tbody tr.odd > .sorting_1 select, 
	table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 select {
		background-color: #e9eaf1;
	}*/

	table.dataTable.display select {
		border: none;
	}

	/*table.dataTable.display tbody tr:hover > .sorting_1 select, 
	table.dataTable.order-column.hover tbody tr:hover > .sorting_1 select {
		background-color: #e2e3ea;
	}*/

	table.dataTable tbody tr.currentGameOnTurn,
	table.dataTable tbody tr.currentGameOnTurn > .sorting_1,
	table.dataTable.display tbody tr.currentGameOnTurn>.sorting_1 {
		background-color: #ffc261 !important;
	}

	.invitation-params {
		margin: 2px;
		padding: 0px 5px;
		display: inline-block;
	}

	.invitation-params.no-selection {
		border: solid 1px red;
	}

	.cb-align {
		vertical-align: sub;
	}

	.buddy-tag-div {
		padding: 2px 0px;
		display: inline-block;
	}

	.buddy-tag {
		background-color: #c0c0c0;
		padding: 0px 5px;
		border-radius: 5px;
		border: 1px solid #a0a0a0;
		color: darkgray;
	}

	.buddy-tag:link, .buddy-tag:visited {
		color: #404040;
	}
	.buddy-tag.selected {
		border: 1px solid darkblue;	
		background-color: blue;
		color: white;
	}

	.buddy-name {
		background-color: #fddb9e;
		padding: 0px 5px;
		border-radius: 5px;
		border: 1px solid orange;
		color: darkgray;
		display: inline-block;
		margin: 2px;
	}

	.buddy-name > a:link {
		color:black;
	}

	.buddy-name.add-all>a:link {
		color: blue;
	}

	.buddy-likes, .buddy-likes > a:link {
		color: blue;
	}

	.buddylist-icon {
		float: right;
		width: 16px;
		box-sizing: border-box;
	}

	.buddylist-icon:hover {
		border: solid 1px white;
		border-radius: 3px;

	}
/*
ol, ul {
    list-style: outside none none;
}

.tags {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    display: table;
    padding: 0.5em;
    width: 100%;
}
.tags li.tagAdd, .tags li.addedTag {
    float: left;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
.tags li.addedTag {
    background: none repeat scroll 0 0 #019f86;
    border-radius: 2px;
    color: #fff;
    padding: 0.25em;
}
.tags input, li.addedTag {
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    display: block;
    padding: 0.5em;
}
.tags input:hover {
    border: 1px solid #000;
}
span.tagRemove {
    cursor: pointer;
    display: inline-block;
    padding-left: 0.5em;
}
span.tagRemove:hover {
    color: #222222;
}*/

.buddy-tag-group {
	color: red;
}

.buddy-tag-header {
	color: blue;
	width: auto;
	cursor: pointer;
	color: white;
	background-color: #71a1e1;
	padding: 2px 5px;
	margin: 2px;
	overflow: hidden;
}

.buddy-tag-header.collapsed {
	color: #404040;
	background-color: #c0c0c0;
	padding: 2px 5px;
}

.buddy-tag-header.expanded::before {
	content: "\25BC";
}

.buddy-tag-header.collapsed::before {
	content: "\25BA";
}

.buddy-tag-header.expanded + .buddy-tag-user-list {
	display: unset;
}

.buddy-tag-header.collapsed + .buddy-tag-user-list {
	display: none;
}

.buddy-tag-user-list {
	color: green;
}

.buddy-tag-user.offline {
	display: none;
}

.tagAddToPlayer {
    background: none repeat scroll 0 0 blue;
    border-radius: 5px;
    color: #fff;
    padding: .25em .5em;
	font-size: 8pt;
	margin: 2px;
	cursor: pointer;
}

.tagAddToPlayer.unused {
	background-color: #c0c0c0;
	border: 1px solid #a0a0a0;
	color: #404040;
}

#BuddyList.activeonly .jOnlineUser.offline {
	display: none;
}

#BuddyList.activeonly .jPlayerInfo.offline {
	display: none;
}

.thumbs0 {
	background-image: url("/netimages/c/thumb0.png");
	width: 16px;
	height: 16px;
}

.thumbs1 {
	background-image: url("/netimages/c/thumb1.png");
	width: 16px;
	height: 16px;
}

.Normal img
{
	max-width: 650px !important;
	overflow: hidden;
}

#LatestGames .shadow img,
#divMostPlayed .shadow img, 
#divAlsoGreat .shadow img {
	max-width: 120px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 9000;
}
.sf-menu a {
	display:		block;
	position:		relative;
	z-index: 9000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
	z-index:		99; 
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	border-left:	2px solid #71A1E1;
	/*border-top:		1px solid #CFDEFF;*/
	padding: 		/*.75em 1em;*/ 12px 8px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
	font-weight:bold;
}
.sf-menu li {
	/*background:		#BDD2FF;*/
	background: #3F70B3;
}

.sf-menu li ul li a 
{
    padding: 4px 5px 4px 8px;
    border-bottom:2px solid #00305E;
}

.sf-menu li li {
	/*background:		#AABDE6;*/
	background: #3F70B3;
	z-index: 9000;
}
.sf-menu li li a
{
    z-index: 9001;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	background: #012555;
	outline:		0;
	color: #C59B73;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 9104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 9101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 9102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 9101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 9103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('fancybox/blank.gif');
	z-index: 9102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 9102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 9001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 9102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -55px -90px no-repeat;
}


/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
/*
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); }
*/
/*
 * Table styles
 */
table.dataTable {
	width: 100%;
	margin: 0 auto;
	clear: both;
	border-collapse: separate;
	border-spacing: 0;
}
	table.dataTable td.group {
		background-color: #d1cfd0;
		border-bottom: 2px solid #a19b9e;
		border-top: 2px solid #a19b9e;
	}

	table.dataTable thead th,
	table.dataTable tfoot th {
		font-weight: normal;
	}

	table.dataTable thead th {
		background-color: #71a1e1;
		font-size: small;
		padding: 3px 18px 3px 10px;
		color: #fff;
	}

	table.dataTable thead td {
		padding: 10px 18px;
	}

	table.dataTable thead th,
	table.dataTable thead td {
		border-bottom: 1px solid #111111;
	}

		table.dataTable thead th:active,
		table.dataTable thead td:active {
			outline: none;
		}

	table.dataTable tfoot th,
	table.dataTable tfoot td {
		padding: 10px 18px 6px 18px;
		border-top: 1px solid #111111;
	}

	table.dataTable thead .sorting,
	table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc,
	table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
		cursor: pointer;
		*cursor: hand;
		background-repeat: no-repeat;
		background-position: center right;
	}

	table.dataTable thead .sorting {
		background-image: url("/netimages/css/DataTables-1.10.16/images/sort_both.png");
	}

	table.dataTable thead .sorting_asc {
		background-image: url("/netimages/css/DataTables-1.10.16/images/sort_asc.png");
	}

	table.dataTable thead .sorting_desc {
		background-image: url("/netimages/css/DataTables-1.10.16/images/sort_desc.png");
	}

	table.dataTable thead .sorting_asc_disabled {
		background-image: url("/netimages/css/DataTables-1.10.16/images/sort_asc_disabled.png");
	}

	table.dataTable thead .sorting_desc_disabled {
		background-image: url("/netimages/css/DataTables-1.10.16/images/sort_desc_disabled.png");
	}

	table.dataTable tbody tr {
		background-color: #f7f8ff;
	}

		table.dataTable tbody tr.selected {
			background-color: #d3d6ff;
		}

	table.dataTable tbody th {
		padding: 8px 10px;
	}

	table.dataTable tbody td {
		padding: 3px 10px;
	}

	table.dataTable.row-border tbody th, table.dataTable.row-border tbody td:not(.group), table.dataTable.display tbody th, table.dataTable.display tbody td:not(.group) {
		border-top: 1px solid #dddddd;
	}

	table.dataTable.row-border tbody tr:first-child th,
	table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
	table.dataTable.display tbody tr:first-child td {
		border-top: none;
	}

	table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
	}

	table.dataTable.cell-border tbody tr th:first-child,
	table.dataTable.cell-border tbody tr td:first-child {
		border-left: 1px solid #dddddd;
	}

	table.dataTable.cell-border tbody tr:first-child th,
	table.dataTable.cell-border tbody tr:first-child td {
		border-top: none;
	}

	table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
		background-color: #f1f2f9;
	}

		table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
			background-color: #ced0f9;
		}

	table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
		background-color: #eeeff5;
	}

		table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
			background-color: #cbcef5;
		}

	table.dataTable.order-column tbody tr > .sorting_1,
	table.dataTable.order-column tbody tr > .sorting_2,
	table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
	table.dataTable.display tbody tr > .sorting_2,
	table.dataTable.display tbody tr > .sorting_3 {
		background-color: #f2f3f9;
	}

	table.dataTable.order-column tbody tr.selected > .sorting_1,
	table.dataTable.order-column tbody tr.selected > .sorting_2,
	table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
	table.dataTable.display tbody tr.selected > .sorting_2,
	table.dataTable.display tbody tr.selected > .sorting_3 {
		background-color: #ced1f9;
	}

	table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
		background-color: #e9eaf1;
	}

	table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
		background-color: #ebecf3;
	}

	table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
		background-color: #edeef5;
	}

	table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
		background-color: #c7caf1;
	}

	table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
		background-color: #c9cbf3;
	}

	table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
		background-color: #cacdf5;
	}

	table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
		background-color: #f2f3f9;
	}

	table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
		background-color: #f4f5fb;
	}

	table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
		background-color: #f6f7fd;
	}

	table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
		background-color: #ced1f9;
	}

	table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
		background-color: #d0d3fb;
	}

	table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
		background-color: #d2d5fd;
	}

	table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
		background-color: #e2e3ea;
	}

	table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
		background-color: #e4e5eb;
	}

	table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
		background-color: #e7e8ee;
	}

	table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
		background-color: #c1c4ea;
	}

	table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
		background-color: #c3c5eb;
	}

	table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
		background-color: #c5c8ee;
	}

	table.dataTable.no-footer {
		border-bottom: 1px solid #111111;
	}

	table.dataTable.nowrap th, table.dataTable.nowrap td {
		white-space: nowrap;
	}

	table.dataTable.compact thead th,
	table.dataTable.compact thead td {
		padding: 4px 17px 4px 4px;
	}

	table.dataTable.compact tfoot th,
	table.dataTable.compact tfoot td {
		padding: 4px;
	}

	table.dataTable.compact tbody th,
	table.dataTable.compact tbody td {
		padding: 4px;
	}

	table.dataTable th.dt-left,
	table.dataTable td.dt-left {
		text-align: left;
	}

	table.dataTable th.dt-center,
	table.dataTable td.dt-center,
	table.dataTable td.dataTables_empty {
		text-align: center;
	}

	table.dataTable th.dt-right,
	table.dataTable td.dt-right {
		text-align: right;
	}

	table.dataTable th.dt-justify,
	table.dataTable td.dt-justify {
		text-align: justify;
	}

	table.dataTable th.dt-nowrap,
	table.dataTable td.dt-nowrap {
		white-space: nowrap;
	}

	table.dataTable thead th.dt-head-left,
	table.dataTable thead td.dt-head-left,
	table.dataTable tfoot th.dt-head-left,
	table.dataTable tfoot td.dt-head-left {
		text-align: left;
	}

	table.dataTable thead th.dt-head-center,
	table.dataTable thead td.dt-head-center,
	table.dataTable tfoot th.dt-head-center,
	table.dataTable tfoot td.dt-head-center {
		text-align: center;
	}

	table.dataTable thead th.dt-head-right,
	table.dataTable thead td.dt-head-right,
	table.dataTable tfoot th.dt-head-right,
	table.dataTable tfoot td.dt-head-right {
		text-align: right;
	}

	table.dataTable thead th.dt-head-justify,
	table.dataTable thead td.dt-head-justify,
	table.dataTable tfoot th.dt-head-justify,
	table.dataTable tfoot td.dt-head-justify {
		text-align: justify;
	}

	table.dataTable thead th.dt-head-nowrap,
	table.dataTable thead td.dt-head-nowrap,
	table.dataTable tfoot th.dt-head-nowrap,
	table.dataTable tfoot td.dt-head-nowrap {
		white-space: nowrap;
	}

	table.dataTable tbody th.dt-body-left,
	table.dataTable tbody td.dt-body-left {
		text-align: left;
	}

	table.dataTable tbody th.dt-body-center,
	table.dataTable tbody td.dt-body-center {
		text-align: center;
	}

	table.dataTable tbody th.dt-body-right,
	table.dataTable tbody td.dt-body-right {
		text-align: right;
	}

	table.dataTable tbody th.dt-body-justify,
	table.dataTable tbody td.dt-body-justify {
		text-align: justify;
	}

	table.dataTable tbody th.dt-body-nowrap,
	table.dataTable tbody td.dt-body-nowrap {
		white-space: nowrap;
	}

	table.dataTable,
	table.dataTable th,
	table.dataTable td {
		box-sizing: content-box;
	}

/*
 * Control feature layout
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
	zoom: 1;
}

	.dataTables_wrapper .dataTables_length {
		float: left;
	}

	.dataTables_wrapper .dataTables_filter {
		float: right;
		text-align: right;
	}

		.dataTables_wrapper .dataTables_filter input {
			margin-left: 0.5em;
		}

	.dataTables_wrapper .dataTables_info {
		clear: both;
		float: left;
		padding-top: 0.755em;
	}

	.dataTables_wrapper .dataTables_paginate {
		float: right;
		text-align: right;
		padding-top: 0.25em;
	}

		.dataTables_wrapper .dataTables_paginate .paginate_button {
			box-sizing: border-box;
			display: inline-block;
			min-width: 1.5em;
			padding: 0.5em 1em;
			margin-left: 2px;
			text-align: center;
			text-decoration: none !important;
			cursor: pointer;
			*cursor: hand;
			color: #333333 !important;
			border: 1px solid transparent;
			border-radius: 2px;
		}

			.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
				color: #333333 !important;
				border: 1px solid #979797;
				background-color: white;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
				/* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
				/* Chrome10+,Safari5.1+ */
				background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
				/* FF3.6+ */
				background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
				/* IE10+ */
				background: -o-linear-gradient(top, white 0%, gainsboro 100%);
				/* Opera 11.10+ */
				background: linear-gradient(to bottom, white 0%, gainsboro 100%);
				/* W3C */
			}

			.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
				cursor: default;
				color: #666 !important;
				border: 1px solid transparent;
				background: transparent;
				box-shadow: none;
			}

			.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
				color: white !important;
				border: 1px solid #111111;
				background-color: #585858;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
				/* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
				/* Chrome10+,Safari5.1+ */
				background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
				/* FF3.6+ */
				background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
				/* IE10+ */
				background: -o-linear-gradient(top, #585858 0%, #111111 100%);
				/* Opera 11.10+ */
				background: linear-gradient(to bottom, #585858 0%, #111111 100%);
				/* W3C */
			}

			.dataTables_wrapper .dataTables_paginate .paginate_button:active {
				outline: none;
				background-color: #2b2b2b;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
				/* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
				/* Chrome10+,Safari5.1+ */
				background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
				/* FF3.6+ */
				background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
				/* IE10+ */
				background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
				/* Opera 11.10+ */
				background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
				/* W3C */
				box-shadow: inset 0 0 3px #111;
			}

		.dataTables_wrapper .dataTables_paginate .ellipsis {
			padding: 0 1em;
		}

	.dataTables_wrapper .dataTables_processing {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 40px;
		margin-left: -50%;
		margin-top: -25px;
		padding-top: 20px;
		text-align: center;
		font-size: 1.2em;
		background-color: white;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(247, 248, 255, 0)), color-stop(25%, rgba(247, 248, 255, 0.9)), color-stop(75%, rgba(247, 248, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
		background: -webkit-linear-gradient(left, rgba(247, 248, 255, 0) 0%, rgba(247, 248, 255, 0.9) 25%, rgba(247, 248, 255, 0.9) 75%, rgba(247, 248, 255, 0) 100%);
		background: -moz-linear-gradient(left, rgba(247, 248, 255, 0) 0%, rgba(247, 248, 255, 0.9) 25%, rgba(247, 248, 255, 0.9) 75%, rgba(247, 248, 255, 0) 100%);
		background: -ms-linear-gradient(left, rgba(247, 248, 255, 0) 0%, rgba(247, 248, 255, 0.9) 25%, rgba(247, 248, 255, 0.9) 75%, rgba(247, 248, 255, 0) 100%);
		background: -o-linear-gradient(left, rgba(247, 248, 255, 0) 0%, rgba(247, 248, 255, 0.9) 25%, rgba(247, 248, 255, 0.9) 75%, rgba(247, 248, 255, 0) 100%);
		background: linear-gradient(to right, rgba(247, 248, 255, 0) 0%, rgba(247, 248, 255, 0.9) 25%, rgba(247, 248, 255, 0.9) 75%, rgba(247, 248, 255, 0) 100%);
	}

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter,
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_processing,
	.dataTables_wrapper .dataTables_paginate {
		color: #333333;
	}

	.dataTables_wrapper .dataTables_scroll {
		clear: both;
	}

		.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
			*margin-top: -1px;
			-webkit-overflow-scrolling: touch;
		}

			.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
				vertical-align: middle;
			}

				.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
				.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
				.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
					height: 0;
					overflow: hidden;
					margin: 0 !important;
					padding: 0 !important;
				}

	.dataTables_wrapper.no-footer .dataTables_scrollBody {
		border-bottom: 1px solid #111111;
	}

	.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
	.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
		border-bottom: none;
	}

	.dataTables_wrapper:after {
		visibility: hidden;
		display: block;
		content: "";
		clear: both;
		height: 0;
	}

@media screen and (max-width: 767px) {
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		float: none;
		text-align: center;
	}

	.dataTables_wrapper .dataTables_paginate {
		margin-top: 0.5em;
	}
}

@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		float: none;
		text-align: center;
	}

	.dataTables_wrapper .dataTables_filter {
		margin-top: 0.5em;
	}
}
/*!*****************************************************

Freak Flags, Copyright ©2020 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/

.fflag {
    background-image:url(/netimages/flags/flagSprite42.png);
    background-repeat:no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
    box-shadow: 0 0 0 1px rgb(220,220,220);
    background-color: white;
    box-shadow: 1px 1px 2px black;
}
.fflag-ch,
.fflag-np {box-shadow: none!important;background-color:unset!important;}
.fflag-dz {background-position:center 0.2287%}
.fflag-ao {background-position:center 0.4524%}
.fflag-bj {background-position:center 0.6721%}
.fflag-bw {background-position:center 0.8958%}
.fflag-bf {background-position:center 1.1162%}
.fflag-bi {background-position:center 1.3379%}
.fflag-cm {background-position:center 1.5589%}
.fflag-cv {background-position:center 1.7836%}
.fflag-cf {background-position:center 2.0047%}
.fflag-td {background-position:center 2.2247%}
.fflag-cd {background-position:left 2.4467%}
.fflag-dj {background-position:left 2.6674%}
.fflag-eg {background-position:center 2.8931%}
.fflag-gq {background-position:center 3.1125%}
.fflag-er {background-position:left 3.3325%}
.fflag-et {background-position:center 3.5542%}
.fflag-ga {background-position:center 3.7759%}
.fflag-gm {background-position:center 4.0015%}
.fflag-gh {background-position:center 4.2229%}
.fflag-gn {background-position:center 4.441%}
.fflag-gw {background-position:left 4.66663%}
.fflag-ci {background-position:center 4.8844%}
.fflag-ke {background-position:center 5.1061%}
.fflag-ls {background-position:center 5.3278%}
.fflag-lr {background-position:left 5.5495%}
.fflag-ly {background-position:center 5.7712%}
.fflag-mg {background-position:center 5.994%}
.fflag-mw {background-position:center 6.2156%}
.fflag-ml {background-position:center 6.4363%}
.fflag-mr {background-position:center 6.658%}
.fflag-mu {background-position:center 6.8805%}
.fflag-yt {background-position:center 7.1038%}
.fflag-ma {background-position:center 7.3231%}
.fflag-mz {background-position:left 7.5448%}
.fflag-na {background-position:left 7.7661%}
.fflag-ne {background-position:center 7.98937%}
.fflag-ng {background-position:center 8.2099%}
.fflag-cg {background-position:center 8.4316%}
.fflag-re {background-position:center 8.6533%}
.fflag-rw {background-position:right 8.875%}
.fflag-sh {background-position:center 9.0967%}
.fflag-st {background-position:center 9.32237%}
.fflag-sn {background-position:center 9.5426%}
.fflag-sc {background-position:left 9.7628%}
.fflag-sl {background-position:center 9.9845%}
.fflag-so {background-position:center 10.2052%}
.fflag-za {background-position:left 10.4269%}
.fflag-ss {background-position:left 10.6486%}
.fflag-sd {background-position:center 10.8703%}
.fflag-sr {background-position:center 11.0945%}
.fflag-sz {background-position:center 11.3135%}
.fflag-tg {background-position:left 11.5354%}
.fflag-tn {background-position:center 11.7593%}
.fflag-ug {background-position:center 11.9799%}
.fflag-tz {background-position:center 12.2005%}
.fflag-eh {background-position:center 12.4222%}
.fflag-ye {background-position:center 12.644%}
.fflag-zm {background-position:center 12.8664%}
.fflag-zw {background-position:left 13.0873%}
.fflag-ai {background-position:center 13.309%}
.fflag-ag {background-position:center 13.5307%}
.fflag-ar {background-position:center 13.7524%}
.fflag-aw {background-position:left 13.9741%}
.fflag-bs {background-position:left 14.1958%}
.fflag-bb {background-position:center 14.4175%}
.fflag-bq {background-position:center 14.6415%}
.fflag-bz {background-position:center 14.8609%}
.fflag-bm {background-position:center 15.0826%}
.fflag-bo {background-position:center 15.306%}
.fflag-vg {background-position:center 15.528%}
.fflag-br {background-position:center 15.7496%}
.fflag-ca {background-position:center 15.9694%}
.fflag-ky {background-position:center 16.1911%}
.fflag-cl {background-position:left 16.4128%}
.fflag-co {background-position:left 16.6345%}
.fflag-km {background-position:center 16.8562%}
.fflag-cr {background-position:center 17.0779%}
.fflag-cu {background-position:left 17.2996%}
.fflag-cw {background-position:center 17.5213%}
.fflag-dm {background-position:center 17.743%}
.fflag-do {background-position:center 17.968%}
.fflag-ec {background-position:center 18.1864%}
.fflag-sv {background-position:center 18.4081%}
.fflag-fk {background-position:center 18.6298%}
.fflag-gf {background-position:center 18.8515%}
.fflag-gl {background-position:left 19.0732%}
.fflag-gd {background-position:center 19.2987%}
.fflag-gp {background-position:center 19.518%}
.fflag-gt {background-position:center 19.7383%}
.fflag-gy {background-position:center 19.96%}
.fflag-ht {background-position:center 20.1817%}
.fflag-hn {background-position:center 20.4034%}
.fflag-jm {background-position:center 20.6241%}
.fflag-mq {background-position:center 20.8468%}
.fflag-mx {background-position:center 21.0685%}
.fflag-ms {background-position:center 21.2902%}
.fflag-ni {background-position:center 21.5119%}
.fflag-pa {background-position:center 21.7336%}
.fflag-py {background-position:center 21.9553%}
.fflag-pe {background-position:center 22.177%}
.fflag-pr {background-position:left 22.4002%}
.fflag-bl {background-position:center 22.6204%}
.fflag-kn {background-position:center 22.8421%}
.fflag-lc {background-position:center 23.0638%}
.fflag-pm {background-position:center 23.2855%}
.fflag-vc {background-position:center 23.5072%}
.fflag-sx {background-position:left 23.732%}
.fflag-tt {background-position:center 23.9506%}
.fflag-tc {background-position:center 24.1723%}
.fflag-us {background-position:center 24.394%}
.fflag-vi {background-position:center 24.6157%}
.fflag-uy {background-position:left 24.8374%}
.fflag-ve {background-position:center 25.0591%}
.fflag-af {background-position:center 25.2808%}
.fflag-az {background-position:center 25.5025%}
.fflag-bd {background-position:center 25.7242%}
.fflag-bt {background-position:center 25.9459%}
.fflag-bn {background-position:center 26.1676%}
.fflag-kh {background-position:center 26.3885%}
.fflag-cn {background-position:left 26.611%}
.fflag-ge {background-position:center 26.8327%}
.fflag-hk {background-position:center 27.0544%}
.fflag-in {background-position:center 27.2761%}
.fflag-id {background-position:center 27.4978%}
.fflag-jp {background-position:center 27.7195%}
.fflag-kz {background-position:center 27.9412%}
.fflag-la {background-position:center 28.1615%}
.fflag-mo {background-position:center 28.3846%}
.fflag-my {background-position:center 28.6063%}
.fflag-mv {background-position:center 28.829%}
.fflag-mn {background-position:left 29.0497%}
.fflag-mm {background-position:center 29.2714%}
.fflag-np {background-position:left 29.4931%}
.fflag-kp {background-position:left 29.7148%}
.fflag-mp {background-position:center 29.9365%}
.fflag-pw {background-position:center 30.1582%}
.fflag-pg {background-position:center 30.3799%}
.fflag-ph {background-position:left 30.6016%}
.fflag-sg {background-position:left 30.8233%}
.fflag-kr {background-position:center 31.045%}
.fflag-lk {background-position:right 31.2667%}
.fflag-tw {background-position:left 31.4884%}
.fflag-tj {background-position:center 31.7101%}
.fflag-th {background-position:center 31.9318%}
.fflag-tl {background-position:left 32.1535%}
.fflag-tm {background-position:center 32.3752%}
.fflag-vn {background-position:center 32.5969%}
.fflag-al {background-position:center 32.8186%}
.fflag-ad {background-position:center 33.0403%}
.fflag-am {background-position:center 33.258%}
.fflag-at {background-position:center 33.4837%}
.fflag-by {background-position:left 33.7054%}
.fflag-be {background-position:center 33.9271%}
.fflag-ba {background-position:center 34.1488%}
.fflag-bg {background-position:center 34.3705%}
.fflag-hr {background-position:center 34.5922%}
.fflag-cy {background-position:center 34.8139%}
.fflag-cz {background-position:left 35.0356%}
.fflag-dk {background-position:center 35.2555%}
.fflag-ee {background-position:center 35.479%}
.fflag-fo {background-position:center 35.7007%}
.fflag-fi {background-position:center 35.9224%}
.fflag-fr {background-position:center 36.1441%}
.fflag-de {background-position:center 36.3658%}
.fflag-gi {background-position:center 36.5875%}
.fflag-gr {background-position:left 36.8092%}
.fflag-hu {background-position:center 37.0309%}
.fflag-is {background-position:center 37.2526%}
.fflag-ie {background-position:center 37.4743%}
.fflag-im {background-position:center 37.696%}
.fflag-it {background-position:center 37.9177%}
.fflag-je {background-position:center 38.1394%}
.fflag-xk {background-position:center 38.3611%}
.fflag-lv {background-position:center 38.5828%}
.fflag-li {background-position:left 38.8045%}
.fflag-lt {background-position:center 39.0262%}
.fflag-lu {background-position:center 39.2479%}
.fflag-mt {background-position:left 39.4696%}
.fflag-md {background-position:center 39.6913%}
.fflag-mc {background-position:center 39.913%}
.fflag-me {background-position:center 40.1347%}
.fflag-nl {background-position:center 40.3564%}
.fflag-mk {background-position:center 40.5781%}
.fflag-no {background-position:center 40.7998%}
.fflag-pl {background-position:center 41.0215%}
.fflag-pt {background-position:center 41.2432%}
.fflag-ro {background-position:center 41.4649%}
.fflag-ru {background-position:center 41.6866%}
.fflag-sm {background-position:center 41.9083%}
.fflag-rs {background-position:center 42.13%}
.fflag-sk {background-position:center 42.3517%}
.fflag-si {background-position:center 42.5734%}
.fflag-es {background-position:left 42.7951%}
.fflag-se {background-position:center 43.0168%}
.fflag-ch {background-position:center 43.2385%;}
.fflag-tr {background-position:center 43.4602%}
.fflag-ua {background-position:center 43.6819%}
.fflag-gb {background-position:center 43.9036%}
.fflag-va {background-position:right 44.1253%}
.fflag-bh {background-position:center 44.347%}
.fflag-ir {background-position:center 44.5687%}
.fflag-iq {background-position:center 44.7904%}
.fflag-il {background-position:center 45.0121%}
.fflag-kw {background-position:left 45.2338%}
.fflag-jo {background-position:left 45.4555%}
.fflag-kg {background-position:center 45.6772%}
.fflag-lb {background-position:center 45.897%}
.fflag-om {background-position:left 46.1206%}
.fflag-pk {background-position:center 46.3423%}
.fflag-ps {background-position:center 46.561%}
.fflag-qa {background-position:center 46.7857%}
.fflag-sa {background-position:center 47.0074%}
.fflag-sy {background-position:center 47.2291%}
.fflag-ae {background-position:center 47.4508%}
.fflag-uz {background-position:left 47.6725%}
.fflag-as {background-position:right 47.8942%}
.fflag-au {background-position:center 48.1159%}
.fflag-cx {background-position:center 48.3376%}
.fflag-cc {background-position:center 48.5593%}
.fflag-ck {background-position:center 48.781%}
.fflag-fj {background-position:center 49.0027%}
.fflag-pf {background-position:center 49.2244%}
.fflag-gu {background-position:center 49.4445%}
.fflag-ki {background-position:center 49.6678%}
.fflag-mh {background-position:left 49.8895%}
.fflag-fm {background-position:center 50.1112%}
.fflag-nc {background-position:center 50.3329%}
.fflag-nz {background-position:center 50.5546%}
.fflag-nr {background-position:left 50.7763%}
.fflag-nu {background-position:center 50.998%}
.fflag-nf {background-position:center 51.2197%}
.fflag-ws {background-position:left 51.4414%}
.fflag-sb {background-position:left 51.6631%}
.fflag-tk {background-position:center 51.8848%}
.fflag-to {background-position:left 52.1065%}
.fflag-tv {background-position:center 52.3282%}
.fflag-vu {background-position:left 52.5499%}
.fflag-wf {background-position:center 52.7716%}
.fflag-eu {background-position:center 52.9933%}
.fflag-jr {background-position:center 53.215%}
.fflag-oly {background-position:center 53.4315%}
.fflag-un {background-position:center 53.6584%}
.fflag-wa {background-position:center 53.8801%}
.fflag-en {background-position:left 54.1018%}
.fflag-xs {background-position:left 54.3235%}
.fflag-gg {background-position:left 54.5452%}

.fflag.ff-sm {width: 16px;height: 11px}
.fflag.ff-md {width: 26px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

.fflag-spacer { margin-right: 5px; }

.ff-sm.fflag-ch, .ff-sm.fflag-np {width:20px; height:13px}

.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
    background-color: #71a1e1;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

