/********************************      Basic Structure      ********************************/

html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

body {
                font-family: Arial, Helvetica, sans-serif;
                color: #555;
                background: #f0f0f0;/* url('../images/bg-body.gif') top left repeat-y;*/
                font-size: 12px;
                }

#body-wrapper {
	min-width: 1000px;
	background: url('../images/bg-radial-gradient.gif') fixed top left no-repeat;
}                

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				}
				
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 14px; /*17px;*/ padding: 0 0 10px 0; }
h4            { font-size: 100%; padding: 0 0 0px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 2px 0 4px 0;
                line-height: 1.6em;
                }

p.strong {
    font-weight: bold !important;
}

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }

/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }

.button.disabled, .button.selected {
    background: #494949 url('../images/bg-button-grey.gif') top left repeat-x !important;
    border: 1px solid #444444 !important;
    cursor: default !important;
}

.button.disabled:hover, .button.selected:hover {
   text-decoration: none !important;
}
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
              /*  padding: 5px 7px 3px 7px !important;*/
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Sidebar      ********************************/

#sidebar {
	background: #950000 url('../images/bg-button-red.gif') top left repeat-x !important;
	height: 97px;
	left: 0;
	top: 0;
	color: #888;
	font-size: 11px;
	border-bottom: 1px solid black;
}

#sidebar #sidebar-wrapper {
	margin: 0 0 0 0px;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar #logo {
    background:transparent url(../images/logo.png) repeat scroll 0 0;
    height:40px;
    left:10px;
    position:absolute;
    top:10px;
    width:250px;
}

/************ Topbar Navigation ************/

#sidebar #main-nav {
	padding: 0;
	margin: 0 0 0 10px;
	font-family: Helvetica, Arial, sans-serif;
}

#sidebar #main-nav li {
	list-style: none;
	padding-bottom: 10px;
	padding-right: 10px;
	display: inline;
	text-align: left;
}

#sidebar #main-nav li a.nav-top-item {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background: #950000 url('../images/bg-button-red.gif') top left repeat-x !important;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

#sidebar #main-nav li a.current {
	background-image: url('../images/bg-menu-item-current.gif') !important;
	color: #333;
	font-weight: bold;
}
                
#sidebar #main-nav li a.current:hover {
	color: #333;
}

#sidebar #main-nav ul {
	padding: 0;
	font-size: 12px;
	margin: 0;
}

#sidebar #main-nav ul li {
	list-style: none;
	margin: 0;
	text-align: right;
	padding: 0;
}

#sidebar #main-nav ul li a {
	padding: 8px 15px;
	display: block;
	color: #aaa;
	font-size: 13px;
	line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
	color: #fff;
}

#sidebar #main-nav ul li a.current {
	background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
}


/************ Messages ************/

#messages p,
#messages form {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

#messages h4 {
	padding: 10px 0;
}
				
#messages fieldset {
	margin: 0;
}
				
#messages textarea {
	margin: 0 0 15px 0;
}
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
                margin: 0 10px 0 10px;
                padding: 10px 0 0 0;
                }

.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
               
#page-intro {
                font-size: 17px;
                padding: 0 0 20px 0;
                }

				
#footer {
				border-top: 1px solid #ccc;
				margin: 40px 0 0 0;
				padding: 10px 0;
				font-size: 12px;
                }

/************ Lists ************/

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                background: url('../images/icons/bullet_black.png') left 4px no-repeat;/* left 4px */
                padding: 4px 0 4px 20px;
                }

/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 24px;
                }

.content-box-header h3 {
                padding: 5px 12px 0px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 4px 25px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                font-size: 12px;
                color: #333;
                padding: 4px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 12px;
                border-top: 1px solid #ccc;
                }
                
/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
                }
                
#main-content table thead th {
                font-weight: bold;
                font-size: 12px;
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }

#main-content tbody tr.even {
	background: #f3f3f3;
}
				
#main-content tbody tr:hover, #main-content tbody tr.alt-row:hover {
	background: #dddddd;
	padding: 10px !important;
	/*color:black;*/
}			


#main-content table td,
#main-content table th {
                padding: 5px; /*10px;*/
                line-height: 1.3em;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 1px;
				border: 1px solid #ccc;
                }      
				
/*************** Pagination ***************/

#main-content .pagination {
                text-align: right;
                padding: 5px 0 15px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a, .pagination span {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                margin: 0 5px 0 0;
                padding: 3px 6px;
                border: 1px solid #ddd;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination span.current, a.button.current {
                background: #950000 url('../images/bg-button-red.gif') top left repeat-x !important;
                border-color: #940000 !important;
                color: #fff !important;
                border: 1px solid #ddd;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }

.pagination a.prev_page, .pagination a.next_page, .pagination span.gap, .pagination span.disabled {
    border: none;
}


/************ Shortcut Buttons ************/

ul.shortcut-buttons-set li span, .shortcut-button {
	border: 1px solid #ccc;
	background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
	display: block;
	width: 160px; /*the width has to consider other languages (large translation)*/
	margin: 0 0 20px 0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

ul.shortcut-buttons-set li span a,.shortcut-button span {
	background-position:left center;
	padding: 8px 5px 8px 35px;

	/*background-position: center 15px;*/
	background-repeat: no-repeat;
	border: 1px solid #fff;
	display:block;
	/*padding: 54px 5px 5px 5px;*/
	text-align: center;
	color: #555;
	line-height: 1.3em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}

ul.shortcut-buttons-set li span.current, ul.shortcut-buttons-set li span.current:hover, .shortcut-button.current, a.shortcut-button.current:hover{
	background-color: #f0f0f0;
	background-image: none;
}

.shortcut-button.current span, a.shortcut-button.current:hover span{
	color: #555 !important;
}
				
ul.shortcut-buttons-set li span:hover, .shortcut-button:hover {
	background: #fff;
}

ul.shortcut-buttons-set li span a:hover, a.shortcut-button:hover {
    color: #bb0000 !important;
     border-color: #aaa !important;
}

/*Icons*/

span a.team-info { background-image: url('../images/icons/32-info.png'); }
span a.team-players { background-image: url('../images/icons/32-users-two.png'); }
span a.team-formations { background-image: url('../images/icons/32-clipboard.png'); }
span a.team-matches { background-image: url('../images/icons/32-clock.png'); }
span a.team-friendly-invitations { background-image: url('../images/icons/32-white-flag.png'); }
span a.team-titles { background-image: url('../images/icons/32-star.png'); }


.new-article span {
                background-image: url('../images/icons/pencil_48.png');
                }
                
.new-page span {
                background-image: url('../images/icons/paper_content_pencil_48.png');
                }
                
.upload-image span {
                background-image: url('../images/icons/image_add_48.png');
                }
                
.add-event span {
                background-image: url('../images/icons/clock_48.png');
                }
                
.manage-comments span {
                background-image: url('../images/icons/comment_48.png');
                } 



ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 5px;
                font-weight: bold;
				text-transform: uppercase;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				


form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 2px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				/*font-size: 16px !important;
				padding: 8px !important;*/
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 1px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

form input[type="submit"].button {
    padding: 6px !important;
    width: 100px;
}

/*************** Notifications ***************/

.notification,.errorExplanation {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: left !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 99.8%;
}

.notification-fixed,.errorExplanation {
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: left !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 99.8%;
}

.remark {
	background-color:transparent !important;
	background-repeat:no-repeat !important;
	font-size:13px;
	margin:0 0 15px;
	padding:2px 0 2px 20px;
	width:99.8%;
}
                

.attention {
	background: #fffbcc url('../images/icons/exclamation.png');
	border-color: #e6db55;
	color: #666452;
}

.information {
	background: #dbe3ff url('../images/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}

.success {
	background: #d5ffce url('../images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}

.error,.errorExplanation {
	background: #ffcece url('../images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}

.notification div,.notification-fixed div,.errorExplanation {
	display:block;
	font-style:normal;
	padding: 5px 5px 5px 20px;
	line-height: 1.5em;
}

.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:10px;
	top:10px;
}

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/


#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

#facebox .popup {
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*padding: 21px;*/
	border: 1px solid grey;
	background-color: #fff !important;
}

#facebox .content {
	padding: 21px;
}

#facebox .content.tabbed {
	padding: 0;
	margin: 0;
	/*margin: -61px -51px -51px;
	background-color: #cccccc;
	*margin: -60px -30px -20px -30px;*/
}

#facebox .content.tabbed #main-content {
	padding:0;
	margin: 0;
}

#facebox .content.tabbed .content-box {
	margin: 0;
}



#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  width: 370px;
}

#facebox .loading {
	padding: 21px;
	text-align: center;
}

#facebox .image {
	padding: 21px;
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }

/* CUSTOM RUBY SOCCER */

#top-nav {
	background-color: #000000;
	padding: 4px 9px 2px;
        height: 15px;
}

#login-box {
        background-color: #000000;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 5px 9px 4px;
	float:right;
	margin-right:30px;
	text-align: right;
}

#login-box p {
	line-height: normal;
	padding: 0px 0px 6px;
}

#login-box  label {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	display: inline;
}

#login-box input.text-input {
	padding: 1px;
}

#login-box a.button {
	/*float: right;*/
	text-transform: uppercase;
}

#login-box p.align-left {
	padding: 10px 0 0 !important
}

#login-box a.login-help {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	/*padding-top:12px;*/
        color:#FFFFFF;
}

#top-nav ul {
        font-family: sans-serif;
	color:#B0B0B0;
	display:block;
	font-size:11px;
	height: 18px;
}
#top-nav ul li {
	float: left;
	margin: 0;
	padding: 0 3px 0 3px;
}

#top-nav a {
	color:#FFFFFF;
	text-decoration:none;
}
#top-nav a:hover {
	text-decoration:underline;
}

#top-nav a.mail {
	background:transparent url(../images/icons/16-mail.gif) no-repeat scroll left -1px;
	padding-left:17px;
}

#top-nav a.no-mail {
	background:transparent url(../images/icons/16-mail-open.png) no-repeat scroll left -1px;
	padding-left:17px;
}

#top-nav a.mail-new {
	background:transparent url(../images/icons/16-mail-new.gif) no-repeat scroll left -1px;
	padding-left:17px;
	padding-bottom:10px;
}

#top-nav a.users-online {
	background:transparent url(../images/icons/16-status.gif) no-repeat scroll top left;
	padding-left:17px;
	padding-bottom:10px;
}

#top-nav a.search {
	background:transparent url(../images/icons/16-magnifier.png) no-repeat scroll top left;
	padding-left:17px;
	padding-bottom:10px;
        text-decoration: none !important;
}

#top-nav a.mail:hover,
#top-nav a.no-mail:hover,
#top-nav a.mail-new:hover,
#top-nav a.users-online:hover {
	text-decoration: none;
}
#top-nav a.mail:hover, 
#top-nav a.mail-new:hover {
	background:transparent url(../images/icons/16-mail-open.png) no-repeat scroll left -1px;

}
#top-nav a.users-online:hover {
	background:transparent url(../images/icons/16-status-glow.gif) no-repeat scroll left -1px;
}

a.drop-down {
	background:transparent url(../images/icons/arrow-down-mini.gif) no-repeat scroll right 3px;
	padding-right:13px;
}

.drop-down-content {
	display:none;
	background:black none repeat scroll 0 0;
	color: #fff;
	position: absolute;
	top: 18px;
	line-height: 10px;
	z-index: 8;
}
.drop-down-content a {
    background-position: 5px 4px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #333333;
    color: #FFFFFF;
    display: block;
    padding: 7px 5px 5px 25px;
    text-decoration: none;
}

.drop-down-content a:hover {
    background-color:#222222;
    text-decoration: none !important;
}

.drop-down-content a.players {background-image: url(../images/icons/16-user-white.png);}
.drop-down-content a.managers {background-image: url(../images/icons/16-user-business.png);}
.drop-down-content a.teams {background-image: url(../images/icons/16-soccer-ball.png);}
/*admin menus*/
.drop-down-content a.admin {background-image: url(../images/icons/16-gear.png)}
.drop-down-content a.translation {background-image: url(../images/icons/16-balloon.png)}
.drop-down-content a.newspaper-articles { background-image: url(../images/icons/16-newspaper.png)}
/*forum menus*/
.drop-down-content a.forum-dimension {background-image: url(../images/icons/16-balloon.png);}
.drop-down-content a.forum-game {background-image: url(../images/icons/16-balloon.png);}





#user-name {
	font-weight: bold;
	color: #fff;
}

#turn-info {
    color:#FFFFFF;
    font-family:sans-serif;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}

/* Top-left navigation bar ***************************************/
ul#navbar {
	position: absolute;
	top: 75px;
	left: 30px;
	min-width: 800px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ul#navbar li {
	float: left;
	margin: 0;
	padding: 0 3px 0 0 !important;
	background-image: none !important;
}
                
li.nav a {
	background-color: none;
	padding: 8px 10px;
	display: block;
	border-bottom: 0;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px 15px;
	margin: 0 !important;
	color: #fff;
	font-size: 11px !important;
}
li.nav a:hover, li.nav:hover {
	background: #000000;
	color: #ffffff;
	border-bottom: 1px solid black;
}

li.nav.current a{
	color: #000000 !important;
	background: #fafafa;	
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom: 1px solid white !important;
	margin: 0;
}
li.nav.current:hover {
	color: #000000;
	background: none !important;	
	border: none !important;
}
.current span.subnav {
	border: none !important;
	top: 23px;
}

span.subnav {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	display: none;
	position: absolute;
	top: 22px;
	margin-left: -23px;
	color: #000000;
	padding: 8px 10px;
	border: 1px solid #000000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}

ul#navbar li.current span {
	display: none !important;
}

ul#navbar li a:hover span, ul#navbar li:hover span {
	display: block;	
}



span.subnav {
	background-color: #fff !important;
}

span.subnav a, span.subnav a:hover {
	background: transparent;
	border: none !important;
	display: inline !important;
	color: #000 !important;
	padding: 0px 0px 5px 20px;
	line-height: 16px;
}

span.subnav a:hover {
	text-decoration: underline;
}

/* subnav icons */
.subnav a.profile { background:transparent url(../images/icons/16-user-business.png) no-repeat scroll left top !important;}
.subnav a.settings { background:transparent url(../images/icons/16-gear.png) no-repeat scroll left top !important;}
.subnav a.job-search{ background:transparent url(../images/icons/16-magnifier.png) no-repeat scroll left top !important;}
.subnav a.newspaper { background:transparent url(../images/icons/16-newspaper.png) no-repeat scroll left top !important;}
.subnav a.league-table { background:transparent url(../images/icons/16-table.png) no-repeat scroll left top !important;}
.subnav a.national-cup { background:transparent url(../images/icons/16-simple-trophy.png) no-repeat scroll left top !important;}
.subnav a.countries { background:transparent url(../images/icons/16-globe-medium-green.png) no-repeat scroll left top !important;}
.subnav a.international-cups {background:transparent url(../images/icons/16-trophy.png) no-repeat scroll left top !important;}
.subnav a.national-squad-cups {background:transparent url(../images/icons/16-world-trophy.png) no-repeat scroll left top !important;}
.subnav a.finance {background:transparent url(../images/icons/16-money-coin.png) no-repeat scroll left top !important;}
.subnav a.negotiations {background:transparent url(../images/icons/16-user-green.png) no-repeat scroll left top !important;}
.subnav a.stadium {background:transparent url(../images/icons/16-stadium.png) no-repeat scroll left top !important;}
.subnav a.board {background:transparent url(../images/icons/16-user-business-boss.png) no-repeat scroll left top !important;}
.subnav a.ranking-country {background:transparent url(../images/icons/16-globe-medium-green.png) no-repeat scroll left top !important;}
.subnav a.ranking-managers {background:transparent url(../images/icons/16-user-business.png) no-repeat scroll left top !important;}
.subnav a.ranking-teams {background:transparent url(../images/icons/16-soccer-ball.png) no-repeat scroll left top !important;}
.subnav a.statistics {background:transparent url(../images/icons/16-chart.png) no-repeat scroll left top !important;}
.subnav a.hall-of-fame {background:transparent url(../images/icons/16-trophy.png) no-repeat scroll left top !important;}
.subnav a.team-info {background:transparent url(../images/icons/16-information.png) no-repeat scroll left top !important;}
.subnav a.players {background:transparent url(../images/icons/16-user-white.png) no-repeat scroll left top !important;}
.subnav a.formations {background:transparent url(../images/icons/16-clipboard.png) no-repeat scroll left top !important;}
.subnav a.matches {background:transparent url(../images/icons/16-calendar-month.png) no-repeat scroll left top !important;}
.subnav a.friendly-invitations {background:transparent url(../images/icons/16-newspaper.png) no-repeat scroll left top !important;}
.subnav a.team-titles {background:transparent url(../images/icons/16-star.png) no-repeat scroll left top !important;}


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




.button.large, .button.large:hover {
	 padding: 10px 12px !important;
}


/*****/



ul#hotlist li {
	display: inline;
	float: left;
	width: 50%;
	font-size: 13px;
	/*line-height: 1.2em;*/	
	overflow: hidden;
	background: none;
	padding: 0 !important;
	margin: 0 !important;
}

ul#hotlist li a {
	float: left;
	padding: 5px 0 5px 25px;
	color: #000;
	font-size: 13px;
	line-height: 1.2em;
}

ul#hotlist.managers li a{	
	background: transparent url(../images/icons/16-status-offline.png) no-repeat scroll 5px 5px;
}

ul#hotlist.managers li a.online{
	background-image: url(../images/icons/16-status.png);
}


ul#hotlist li a.mail{
	float: right;
	background-image: url(../images/icons/16-mail.png);
}

ul#hotlist.managers li a.mail:hover{
	float: right;
	background-image: url(../images/icons/16-mail-pencil.png);
}


ul#hotlist.players li a{
	background: transparent url(../images/icons/16-player.png) no-repeat scroll 5px 5px;
}

ul#hotlist.players li a.G{ background-image: url(../images/icons/16-player-gk.png);}
ul#hotlist.players li a.D{ background-image: url(../images/icons/16-player-d.png);}
ul#hotlist.players li a.DM{ background-image: url(../images/icons/16-player-dm.png);}
ul#hotlist.players li a.DA{ background-image: url(../images/icons/16-player-da.png);}
ul#hotlist.players li a.MD{ background-image: url(../images/icons/16-player-md.png);}
ul#hotlist.players li a.M{ background-image: url(../images/icons/16-player-m.png);}
ul#hotlist.players li a.MA{ background-image: url(../images/icons/16-player-ma.png);}
ul#hotlist.players li a.AD{ background-image: url(../images/icons/16-player-ad.png);}
ul#hotlist.players li a.AM{ background-image: url(../images/icons/16-player-am.png);}
ul#hotlist.players li a.A{ background-image: url(../images/icons/16-player-a.png);}

ul#hotlist.teams li a{
	background: transparent url(../images/icons/16-soccer-ball.png) no-repeat scroll left 5px;
}

ul#hotlist li:hover
{
	background-color: #dddddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

td a.mail{
	padding: 5px 0 5px 25px;
	background: url(../images/icons/16-mail.png) no-repeat scroll left 5px;
}

td a.friendly-invite{
	padding: 5px 0 5px 25px;
	background: url(../images/icons/16-white-flag.png) no-repeat scroll left 5px;
}


.tabbed #main-content tbody {
	border: 0;
}

.tabbed #main-content td {
	padding: 0;
}

.tabbed #main-content.hotlist tr:hover, #main-content.hotlist tr.alt-row:hover{
	background: #ffffff !important;
	color:inherit;
}


h3.hotlist {
	height: 21px;
	padding: 5px 25px 0px;
	background: transparent url(../images/icons/16-fire.png) no-repeat scroll 5px 5px;
}

h3.managers {
	height: 21px;
	padding: 5px 25px 0px;
	background: transparent url(../images/icons/16-user-business.png) no-repeat scroll 5px 5px;
}

h3.settings {
	height: 21px;
	padding: 5px 25px 0px;
	background: transparent url(../images/icons/16-gear.png) no-repeat scroll 5px 5px;
}


.column-left-free {
float: left;
}

.column-left-mini {
width: 88px;
float: left;
}

div.subnav.mini {
        /* Fallback for web browsers that doesn't support RGBa */
        background: rgb(0, 0, 0) transparent;
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.6);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 9px 4px;
	width: 887px;
	position: relative;
	left: 120px;
	top: 8px;
	z-index: 5;
        line-height: 14px;
        font-size: 12px;
}

div.subnav.mini a {
        border:medium none !important;
        color: #ffffff;
	/*display:block !important;
	line-height:16px;
	padding:0 0 0px 0px;*/
}

div.subnav.mini a current {
        background-color: red !important;
	background-position:3px 3px !important;

	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

div.subnav.mini a span {
	width: 200px;
	padding: 5px;
	color: #000;
	border: solid 1px black;
	background-color: #fff !important;
	display:none;
	position: absolute;
	left: 20px;
	text-transform:uppercase;
}

a.button.red {
	background: #950000 url('../images/bg-button-red.gif') top left repeat-x !important;
	border-color: #940000 !important;
	min-width: 18px;
}

a.button.green {
	background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
	border-color: #459300 !important;
	min-width: 18px;
}

a.button.blue {
	background: #004a95 url('../images/bg-button-blue.gif') top left repeat-x !important;
	border-color: #004994 !important;
	min-width: 18px;
}

a.button.red:hover,a.button.green:hover,a.button.blue:hover {
	text-decoration: none;
}



/* RSS feed2js*/
a.rss-item {
	display: none;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
}
span.rss-date {
	color: #555555;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.rss-items {
	padding: 0 !important;
}

li.rss-item {
	padding: 0 0 10px !important;
	background: none !important;
}
/* Main page */

div.donation-box {
	/*border: 1px solid #CCCCCC;*/
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	float: left;
	margin:10px;
	padding:10px 10px;
	text-align: center;
	font-weight: bold;
	height: 65px;	
}

div.donation-box:hover, div.twitter-box:hover {
	background-color: #eeeeee;
}

div.twitter-box a {
	background:transparent url(../images/icons/48-twitter.png) no-repeat scroll right top;
	line-height:48px;
	padding: 12px 48px 12px 10px;
}

div.twitter-box {
	border: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin:10px;
	text-align: center;
	font-weight: bold;
}
/* more cool tags */
.w75 {
	width: 73%;
}

.w25 {
	width: 23%;
}

.w33 {
	width: 32%;
}

.w66 {
	width: 64%;
}

div.screenshots a {
	margin: 6px;
	padding: 10px;
	border: 1px solid #ddd;
	float: left;
}

div.screenshots a:hover {
	background-color: #eee;
}

ul.social-networks li, ul.contribute li {
	background-position: left center !important;
	padding: 20px 0 20px 56px !important;
}

ul.social-networks-sprite li {
	background-image: url('../images/icons/48-social.png') !important;
	margin-top:5px;
	padding:15px 0 20px 56px !important;
}

ul.social-networks li a, ul.social-networks-sprite li a, ul.contribute li a {
	font-weight: bold;
}

span.negative {
	font-weight: bold;
	color: #ff0000;
}

ul.tools-resources li {
	width: 17%; /*25%;*/
	float: left;
	display: inline;
	background-position: left center !important;
	padding: 20px 0 20px 56px !important;
	margin-bottom: 10px;
}


/* Tables */
td.hover, tr.hover
{
	background-color: #dddddd;
}

th.header { 
    background-image: none;
    /*cursor: pointer;*/
    /*font-weight: bold;*/
    background-repeat: no-repeat; 
   /* background-position: center right; */
   background-position: bottom center;
} 

th.headerSortDown a {
    background: url(../images/sort_desc.gif) no-repeat bottom center;
	padding-bottom: 5px;
	color: #000;
}

th.headerSortUp a { 
    background: url(../images/sort_asc.gif) no-repeat bottom center;
	padding-bottom: 5px;
	color: #000;
} 



.formation-field {/*360x454*/
    background: url('/images/game/field.png') no-repeat top left;
    color: #fff;
    padding: 0;
    margin: 0;
    width: 360px;
    height: 454px;
}
.formation-field td {
    padding: 0 !important;
    margin: 0 !important;
}

.formation-field tr {
    background-color: transparent !important;
}

div.field{
   position:absolute;
   border: none;
   font-size: 11px;
   font-weight: bold;
   height: 38px;
   width: 58px;
   text-align: center;
   /*color: #000;*/
}

div.field:hover{
    border: dotted white 1px;
   
}

td.fieldlabel{
   font-size: 12px;
   font-weight: bold;
   height: 38px;
   text-align: left;
   color: #fff !important;
}

td.fieldgoal{
   font-size: 11px;
   font-weight: bold;
   height: 38px;
   width: 302px;
   text-align: center;
}


ul.available-player-list li {
    background: none !important;
    padding: 0 !important;
}

.prototip .ruby { width: 356px; border: 2px solid #000; color: #fff; font: 12px Arial, Helvetica, sans-serif;}
.prototip .ruby .toolbar { background: #000; color: #fff; font-weight: bold; }
.prototip .ruby .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .ruby .title { padding: 5px; }
.prototip .ruby .content { background: #fff; color: #000; padding: 5px;}

/******** fefranca end **********/

/**screen organizers divs**/

/** 2 columns in the screen**/

div#doubleDiv {
    width: 100%;
    padding: 5px;
}

div#doubleDiv div#leftside {
    float: left;
    width: 48%;
}

div#doubleDiv div#rightside {
    float: right;
    width: 48%;
}


/**COPIED USEFUL THINGS FROM SCAFFOLD HERE. NEED TO FILTER IT LATER**/

.field_with_errors input{
	border-color: #DF8F8F !important;
}

.fieldWithErrors {
	margin: -10px 0 10px;
}

#errorExplanation h2 {
  font-weight: bold;
  font-size: 12px;
}

#errorExplanation ul li {
  font-size: 12px;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}