/* GENERAL ================= */

body
{
    background: url('img/bg_big.jpg') top center no-repeat;
    background-attachment: fixed;
    margin: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
}

h1, h2, h3 {font-family: Trebuchet, Tahoma, Sans-Serif; font-weight: normal; }

h1 {font-size: 22px; color: #004896; margin: 10px 0 8px 0}
h2 {font-size: 18px; color: #004896; margin: 8px 0 5px 0}
h3 {font-size: 14px; color: #004896; margin: 8px 0 4px 0}
p {line-height: 18px; margin: 0 0 8px 0}

h1 + h2 {margin-top: -4px;}


/*.clearfix {display:inline-block;}*/

/* =end= GENERAL ================= */


/* HEADER ================= */
#header {background: url('img/hd_big.jpg') top center no-repeat; height: 120px;}

#headercontent 
{
    width: 990px;
    margin: 0 auto;
}

div#menu
{
    
    padding-left: 30px;
	padding-top: 90px;
	color: white;
}

div#menu a
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
	font-size: 13px;
	padding-right: 15px;
	text-decoration: none;
	letter-spacing: 1px
}

div#menu a:hover
{
	color: gold;
}

div#login
{
	float: right;
	margin: 20px 30px 0 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
	
}

div#login a
{

	color: black;
	text-decoration: none;
	letter-spacing: 1px
}

div#login a:hover
{
	text-decoration: underline;
}

/* -- banner mare prima pagina ---- */
#feature
{
	background: black;
	padding-top: 1px;
	border-bottom: 1px solid black;	
}

#slideshowcontainer {width: 990px; margin: 0 auto;}
.slideshow {height: 280px; width: 990px; margin: auto; }
.slideshow img {background-color: #eee; border: none}
.slideshow a img {background-color: #eee; border: none }
.slideshow p {font-size: 30px; }
/* --end-- banner mare prima pagina ---- */

/* =end= HEADER ================= */


/* CONTENT ================= */
#content
{
    margin: 0 auto; 
    width: 924px;
    /*border-left: 1px dotted silver;
    border-right: 1px dotted silver;*/
}

#content a
{
	color: #0071BA;
	text-decoration: none;
}

#content a:hover
{
	color: #0071BA;
	text-decoration: underline;
}

/* =end= CONTENT ================= */


/* FOOTER ================= */

#footer
{
	width: 924px;
	margin: 0 auto; 
	background: url('img/separator-tricolor-mare.gif') left bottom no-repeat;
	margin-top: 20px
}

#footercontent
{
    margin-top: 10px;
	padding-bottom: 50px;
}

#footercontent p
{
	font-size: 11px;
	line-height: normal;
	margin: 0;
}

#footercontent p.name
{
	font-family: Trebuchet MS, Tahoma, Sans-Serif;
	font-size: 18px;
	margin-top: 3px;
	margin-bottom: 6px;
	color: #004896;
}

#footer_spacer
{
	height: 60px;
}

#footercontent table {width: 924px; border: none; border-collapse: collapse;}
#footercontent table td.col1 {width: 60px}
#footercontent table td.col2 {padding-left: 30px; width: 230px}
#footercontent table td.col3 {width: 250px;}
#footercontent table td.col4 {padding-left: 30px}


#menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial,  Helvetica, Sans-Serif;
}

#menu ul li {
	float: left;
	/*padding-left: 7px;*/
	}

#menu ul li a {
	float: left;
	padding: 3px 10px 3px 5px;
	color: white;
	font-weight: normal;
	font-size: 14px;
	}

#menu ul li a:hover {
	color: black;
	
	}

#menu ul li.active {
	padding: 4px 8px 4px 15px;
	font-weight: normal;
	color: lime;
	}


#SponsorsArea {	margin-top: 20px; margin-bottom: 10px; width: 900px; margin-left: auto; margin-right: auto }
#SponsorsArea .tblsponsori {border: none;}
#SponsorsArea .tblsponsori .firstcol {border: none; padding: 0 4px 8px 0;}
#SponsorsArea .tblsponsori .lastcol {border: none; padding: 0 0 8px 4px;}
#SponsorsArea .tblsponsori .insidecol {border: none; padding: 0 4px 8px 4px;}


/* =end= FOOTER ================= */


/* Tabel clasament ================= */

.clasament
{
}

.clasament caption
{
	padding-bottom: 6px;
	text-align: left;
	color: #666666;
	font-weight: bold;
}

.clasament th
{
	padding: 3px 6px;
	font-size: 12px;
	background: #0066cc;
	color: #ffffff;
}

.clasament th.loc
{
	text-align: left;
	width: 25px;
}

.clasament th.echipa
{
	text-align: left;
	width: 200px;
}

.clasament th.puncte
{
}

.clasament td
{
	padding: 4px 6px;
	border-bottom: 1px solid silver;
	text-align: center;
}

.clasament td.loc
{
	text-align: left;
	font-weight: bold;
	width: 25px;
}

.clasament td.echipa
{
	text-align: left;
	font-weight: bold;
	width: 200px;
}

.clasament td.puncte
{
	font-weight: bold;
}

p.legenda_clasament
{
	font-size: 11px; 
	font-style: italic; 
	margin: 20px 0 0 0;	
}

/* =end= Tabel clasament ================= */


/* Tabel meciuri ================= */

.meciuri
{
}

.meciuri caption
{
	padding-bottom: 6px;
	text-align: left;
	color: #666666;
	font-weight: bold;
}

.meciuri th
{
	padding: 3px 6px;
	font-size: 12px;
	background: #0066cc;
	color: #ffffff;
}

.meciuri td
{
	padding: 4px 6px;
	border-bottom: 1px solid silver;
	text-align: left;
}


/* =end= Tabel meciuri ================= */


/* --- GRIDVIEW ----------------------- */

.GridView_Calendar {border: none; border-collapse: collapse; border-width: 0; margin-bottom: 20px; border-bottom: 2px solid black}
.GridView_Calendar td {padding: 2px 4px;}
.GridView_Calendar_Header {}
.GridView_Calendar_Header th {padding: 8px 4px; text-align: left; font-weight: bold; background: #cccccc; color: white }
.GridView_Calendar_Header th {padding: 8px 4px; text-align: left; font-weight: bold; text-decoration: none; background: #000000; color: #dddddd }
.GridView_Calendar_Header th a {color: white}
.GridView_Calendar_Header th a:hover {color: red }
.GridView_Calendar_Row {}
.GridView_Calendar_Row td {background: #f1f1f1; padding: 5px 4px;}
.GridView_Calendar_Row td a {text-decoration: none;}
.GridView_Calendar_Row td a:hover {text-decoration: none;}
.GridView_Calendar_AltRow {}
.GridView_Calendar_AltRow td { background: #ffffff; padding: 5px 4px; }
.GridView_Calendar_AltRow td a {text-decoration: none;}
.GridView_Calendar_AltRow td a:hover {text-decoration: none;}
.GridView_Calendar_Pager td { border-top: 2px solid black; border-bottom: 1px solid black; font-size: 1.2em; font-weight: normal; font-family: Arial, Sans-Serif; color: #000000 }
.GridView_Calendar_Pager td a { font-size: 12px; font-weight: bold;}
.GridView_Calendar_Pager td td { border: none}
.GridView_Calendar_Selected td {background: gold; padding: 5px 4px;}
.GridView_Calendar_Empty {background: #ffeb99; font-style: italic; padding: 2px;}

/* --- end GRIDVIEW ----------------------- */


/* --- FORMVIEW ----------------------- */

.FormView { background: url('img/form-bg-lightblue.jpg') no-repeat left bottom #ffffff }
.FormView td {font-size: 12px;}
.FormView_Header td {text-align: left; background: #f1f1f1; padding: 6px; border-bottom: 1px solid #cccccc; font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.2em}
.FormView_Footer td {padding: 4px 0; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.2em}
.FormView_Footer td p {text-align: left; margin: 0; padding: 4px; border-top: 1px solid #cccccc; }
.FormView_Row {}
.FormView_Row td {padding: 6px;}
.FormView table {}
.FormView td.label {padding: 4px 0; font-size: 10px; font-family: Verdana, Sans-Serif; color: #666666 }
.FormView td.label_required {padding: 4px 0; font-weight: bold;}
.FormView td.data {padding: 4px 4px 4px 20px;}
.FormView td.data input {width: 200px; color: Navy; font-size: 12px; border: 1px solid #cccccc; padding: 2px;}
.FormView td.data .RadioButton input {border: none; padding: 2px; width: auto}
.FormView td.data input.ReadOnly {width: auto; background: #e1e1e1}
.FormView td.data input.DateTime {width: auto; font-family: Courier}
.FormView td.data input.DateTimeReadOnly {width: auto; font-family: Courier;  background: #e1e1e1}
.FormView td.data input.withSelect { border: none; border-bottom: 1px dotted #cccccc; }
.FormView td.data input.button {}
.FormView td.data select {width: 200px; color: Navy; font-size: 12px; border: 1px solid #cccccc; padding: 2px;}
.FormView td.data textarea {width: 200px; font-family: Verdana, Sans-Serif; font-size: 12px; color: Navy; border: 1px solid #cccccc; padding: 2px;}
.FormView td a {text-decoration: none;}
.FormView td a:hover {text-decoration: none; color: #ffcccc;}
.FormView td p {margin-top: 0px; margin-bottom: 4px;}
.FormView td p.FormValidator {margin-top: 0px; margin-bottom: 0px;}
.FormView .separator {border: none; padding: 0; margin: 10px 0px; background: #f1f1f1; height: 1px;}
.FormView td.properties {padding: 6px 0; color: #666666}
.FormView .command {padding: 10px 0px; border-top: 1px solid black; margin-top: 10px;}
.FormView .command a {margin-right: 10px;}
.FormView .command input {margin-right: 10px;}

/* --- end FORMVIEW ----------------------- */

/* --- FORMVIEW_View ----------------------- */

.FormView_View { background: url('img/form-bg-lightblue.jpg') no-repeat left bottom #ffffff }
.FormView_View td {font-size: 11px;}
.FormView_View_Header td {text-align: left; background: #f1f1f1; padding: 6px; border-bottom: 1px solid #cccccc; font-size: 16px; font-family: Arial, Helvetica, Sans-Serif}
.FormView_View_Row {}
.FormView_View_Row td {padding: 6px;}
.FormView_View table {}
.FormView_View td.label {padding: 4px 0; font-size: 10px; font-family: Arial, Sans-Serif; color: #666666 }
.FormView_View td.label_required {padding: 4px 0; font-weight: bold;}
.FormView_View td.data {padding: 4px 4px 4px 20px;}
.FormView_View td.number {padding: 4px 4px 4px 4px; text-align: right;}
.FormView_View td.data .RadioButton {border: none; padding: 2px;}
.FormView_View td.CheckBox {padding: 4px 4px 4px 20px;}
.FormView_View td.data input {width: 200px; color: Navy; font-size: 12px; border: 1px solid #cccccc; padding: 2px;}
.FormView_View td.data input.DateTime {width: auto; font-family: Courier}
.FormView_View td.data input.withSelect { border: none; border-bottom: 1px dotted #cccccc; }
.FormView_View td.data input.button {}
.FormView_View td.data select {width: 200px; color: Navy; font-size: 12px; border: 1px solid #cccccc; padding: 2px;}
.FormView_View td.data textarea {width: 200px; font-family: Arial, Sans-Serif; font-size: 12px; color: Navy; border: 1px solid #cccccc; padding: 2px;}
.FormView_View td a {text-decoration: none;}
.FormView_View td a:hover {text-decoration: none; color: #ffcccc;}
.FormView_View td p {margin-top: 0px; margin-bottom: 4px;}
.FormView_View .separator {border: none; padding: 0; margin: 10px 0px; background: #f1f1f1; height: 1px;}
.FormView_View td.properties {padding: 6px 0; color: #666666}
.FormView_View .command {padding: 10px 0px; border-top: 1px solid black; margin-top: 10px;}
.FormView_View .command a {margin-right: 10px;}
.FormView_View .command input {margin-right: 10px;}

/* --- end FORMVIEW ----------------------- */


#FrontPageNews { margin-top: 20px; }
#FrontPageNews h2 {margin: 0; margin-bottom: 15px; letter-spacing: 1px;}
#FrontPageNews table { border: non; border-collapse: collapse}
#FrontPageNews table td { padding-bottom: 3px; }
#FrontPageNews table td p { margin: 0; line-height: normal }
#FrontPageNews td.date { font-size: 10px; padding-top: 3px }
#FrontPageNews td.header {padding-left: 10px;}
#FrontPageNews td.header a {}
#FrontPageNews td.header a:hover {}
#FrontPageNews p.AllNews {margin: 10px 0 10px 0; width: 150px; border-top: 1px dotted silver}

#NewsEventsContainer {}
#NewsEventsContainer p.NewsEventTitle {margin-top: 10px; margin-bottom: 20px; font-size: 20px; line-height: normal }
span.PublishDate { font-size: 14px; font-style: italic;  }


/* --- Calendar ----------------------- */

table.CalendarControl {border: 1px solid silver;}
table.CalendarControl td.CalendarControl_SelectedDay {}
table.CalendarControl td.CalendarControl_TodayDay {}
table.CalendarControl td.CalendarControl_Selector {}
table.CalendarControl td.CalendarControl_Day a {color: red}
table.CalendarControl td.CalendarControl_OtherMonth {}
table.CalendarControl td.CalendarControl_WeekendDay {}
table.CalendarControl td.CalendarControl_NextPrev {font-size: 12px; background: cyan; padding: 10px;}
table.CalendarControl td.CalendarControl_DayHeader {text-align: left}
table.CalendarControl th.CalendarControl_DayHeader {text-align: left}
table.CalendarControl table.CalendarControl_Title {font-size: 16px; border: 1px solid black}

/* --- end Calendar ----------------------- */



/* --- EventsCalendar ----------------------- */

#EventsCalendar .TodayCell
{
	border-top: 2px solid red;
	width: auto; 
}

#EventsCalendar p.TodayDay
{
	margin: 0;
	padding: 2px 4px;
	font-weight: bold;
	color: red;
}

#EventsCalendar p.Day
{
	margin: 0;
	padding: 2px 4px;
	font-weight: normal;
}


#EventsCalendar .WorkingDay_SelectedMonth
{
	border: none;
	width: auto; 
	background: lime;	
}

#EventsCalendar .WorkingDay_OtherMonth
{
	border: none;
	width: auto; 
	background: #f1f1f1;	
}

#EventsCalendar .NonWorkingDay_SelectedMonth
{
	border: none;
	width: auto; 
	background: pink;
}

#EventsCalendar .NonWorkingDay_OtherMonth
{
	border: none;
	width: auto; 
	background: #f1f1f1;
}

#EventsCalendar .CalendarHeader
{
    background-color: #00BFFF;
    width: 100%;
    font-size: 18px;
}

#EventsCalendar .CalendarHeader .CalendarHeader_LeftColumn { width: 100px; padding: 5px 4px; }

#EventsCalendar .CalendarHeader .CalendarHeader_MiddleColumn { text-align: center; padding: 5px 0; }

#EventsCalendar .CalendarHeader .CalendarHeader_RightColumn { width: 100px; text-align: right; padding: 5px 4px;}

#EventsCalendar .CalendarHeader_DaysHeader
{
    background-color: Silver; 
    width: 100%; 
    height: 40px;
}

#EventsCalendar .CalendarHeader_DaysHeader td
{
    width: 130px; 
    text-align: center;
}

#EventsCalendar .EventsDescription
{
    padding: 0 4px;
}

#EventsCalendar .EventsDescription p
{
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 3px 0 ;
}


#EventsCalendar .CalendarFooter
{
}



/* --- end EventsCalendar ----------------------- */