*{
 margin: 0; 
 padding: 0;
}

body {
font-size: 62.5%;
font-family: Arial; 
background-color: #f2f2f2
}

.clear{
 clear:both;
}

div#page-wrap{
width:1000px;
margin:20px auto 10px auto;
}


div#page-wrap div#header div#agenda
{
 margin-bottom:20px;
 background-color: #d3d3d3;
 list-style-type: none;
 height: 50px;
 font-size: 1.2em;
 overflow: hidden;
 padding: 0px 5px 0px 5px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

/* required settings */
 position:relative;
 overflow:hidden;

 background-color: #d3d3d3;
 height: 50px;
 width: 920px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .items div {
	float:left;
	margin: 3px 2px 2px 2px;
	width:300px;
	height:44px;
	border:1px solid #bbb;
}

.scrollable .items div p.timpul-agenda
{
     display:block;
     border-right: solid 1px #ccc;
     width: 95px;
     padding-top:10px;
     text-align: right;
     padding-right: 5px;
     float: left;
     color: #555;
     height:36px;
}

.scrollable .items div p.titlu-agenda
{
     display:block;
     width: 195px;
     margin-left:2px;
     overflow: hidden;
     float: left;
}

.scrollable .items div p.live-titlu-agenda
{
 color: #3382d4;
}

.scrollable .items div p.live-titlu-agenda a
{
 color: #3382d4;
}

/* active item */
.scrollable .active 
{
    
}

.scrollable a
{
    text-decoration:none;
    color: #555;
    display:block;
}

.scrollable a:hover
{
    color: black;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/Content/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:10px 3px 3px 3px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

div#page-wrap div#header img#logo
{
 width: 172px;
 height: 49px;
 margin-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 float: left;
 border: none;
}

div#page-wrap div#header ul#menu
{
 float: right;
 margin-top: 35px;
 list-style-type: none;
}

div#page-wrap div#header ul#menu li
{
 float: left;
 font-size: 1.5em;
 text-align:center;
}

div#page-wrap div#header #search
{
    margin-left:20px;
    width:150px;
    height:17px;
    background-image:url('/Content/images/magnifying-glass.gif');
    background-repeat:no-repeat;
    padding-left:20px;
    border: 1px solid #CCC;
}

div#page-wrap div#header ul#menu li a
{
 color: #555;
 text-decoration: none;
 display: block;
 padding-left:12px;
 padding-right:12px;
}

div#page-wrap div#header ul#menu li a:hover, div#page-wrap div#header ul#menu li a:active
{
 color:#3382d4;
 text-decoration: underline;
}

div#page-wrap div.roundcontent
{
margin-bottom: 20px;
 background-color: white;
 border:solid 1px #ddd;

 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
}

div#page-wrap div.roundcontent h1
{
 border-bottom: solid 1px #ddd;
 margin: 2px 2px;
 padding: 25px 25px 10px 25px;
 font-size: 2.5em;
 font-weight: normal;
}

div#page-wrap div.roundcontent div.video
{
 width:560px;
 border: solid 1px #ccc;
 background-color:White;
 margin: 25px 25px;
 float: left;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
 
}

div#page-wrap div.aditionalcontent
{
 margin-bottom: 20px;
 background-color: white;
 border:solid 1px #ddd;

 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
}

div#page-wrap div.roundcontent div.video div.container
{
    float:left;
    margin: 10px 10px;
    z-index:1;
}

div#page-wrap div.roundcontent div.live-comments
{ 
 float: right;
 width:320px;
 height: 570px;
 background-color: #f4f1eb;
 margin: 25px 25px 25px 0px;
 padding: 10px 10px;
 
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
 
}

div#page-wrap div.roundcontent div.live-comments h2
{
 color: #708d1b;
 font-style: italic;
 font-weight:bolder;
 font-size: 1.3em;
 width:100%;
 padding-bottom: 5px;
 border-bottom: solid 1px #ddd;
}

div#page-wrap div.roundcontent div.live-comments textarea.text-comment
{
 margin-top: 5px;
 width:320px;
 height: 50px;
}

div#page-wrap div.roundcontent div.live-comments input.nick-comment
{
 margin-top: 5px;
 width:200px;
}

div#page-wrap div.roundcontent div.live-comments input.button-comment
{
 margin-top: 5px;
 width:90px;
 float: right;
}

div#page-wrap div.roundcontent div.live-comments ul.comments-list
{
 margin-top: 10px;
 list-style-type: none;
 font-size: 1.3em;
 overflow-y: auto;
 height: 450px;
}

div#page-wrap div.roundcontent div.live-comments ul.arhiva-comments
{
    height: 490px; 
}

div#page-wrap div.roundcontent div.live-comments ul.comments-list li
{
 margin-top: 4px;
}

div#page-wrap div.roundcontent div.live-comments ul.comments-list img
{
 cursor:pointer;
}

div#page-wrap div.roundcontent div.live-comments ul li span
{
 color: #708d1b;
 margin-right: 5px;
 font-weight: bold;
}

div#page-wrap div.roundcontent div.live-comments ul li span b
{
 color: #3382d4;
}

div#page-wrap div.roundcontent input.bookmark-add 
{
    margin-left:25px;
    width:560px;
}

div#page-wrap div.roundcontent ul.live-bookmarks 
{
 font-size: 1.2em;
 list-style-type: none;
 margin-left: 25px;
 height: 45px;
 width: 560px;
 overflow-y: auto;
 color:#999;
}

div#page-wrap div.roundcontent ul.live-bookmarks li span
{ 
 color: #111;
 margin-right: 10px;
 text-align: right;
}

div#page-wrap div.roundcontent div.textcontent
{
    padding: 10px 40px 20px 40px;
    color: #000 !important;
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
}
div#page-wrap div.roundcontent div.textcontent fieldset legend
{
    font-size:12px;
}

div#page-wrap div.roundcontent div.textcontent fieldset
{
    padding: 10px 10px 10px 10px;
    font-size:12px;
}

div#page-wrap div.roundcontent div.textcontent fieldset label
{
    font-weight:bolder;
}
div.textcontent h3
{
 margin: 10px 0px 10px 0px;
 padding-bottom:5px;
 border-bottom: solid 1px #ddd;
 font-size: 2.0em;
 font-weight: normal;
}

div#page-wrap div.roundcontent div.textcontent p
{
 font: 13px/1.231 arial, helvetica, clean, sans-serif;
 line-height: 130%;
 padding-bottom:10px;
}

div#page-wrap div.roundcontent div.textcontent fieldset#widgetParams input
{
    margin-bottom:5px;
}

div#page-wrap div.roundcontent div.textcontent fieldset#widgetParams select 
{
    margin-bottom:5px;
}

div#page-wrap div#friends
{
 padding: 25px 25px;
}

div#page-wrap div#friends div#facebook
{
 float: left;
 height: 246px;
 width: 290px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";

}

div#page-wrap div#friends div#twitter-news
{
 float: right;
 width: 610px;
 height: 225px;
 background-color: #f4f1eb;
 padding: 10px;
 
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
 
}

div#page-wrap div#friends div#twitter-news ul#news-list
{
 margin-top: 10px;
 list-style-type: none;
 font-size: 1.3em;
 overflow-y: auto;
 height: 190px;
}

div#page-wrap div#friends div#twitter-news ul#news-list li span
{
 color: #708d1b;
 margin-right: 5px;
 font-weight: bold;
}


div#page-wrap div#mediapartners
{
 padding: 25px 25px 15px 25px;
}

div#page-wrap div#mediapartners ul
{
 list-style-type: none;
}


div#page-wrap div#mediapartners ul li
{
 float: left;
 width: 125px;
 height: 125px;
 margin-right: 10px;
 margin-bottom: 10px;
}

div#page-wrap div#mediapartners ul li a img
{
 border: solid 1px #ccc;
}

div#page-wrap div#footer
{
 text-align: center;
 color: #555;
}

.contactform
{
    width:450px;
    margin: auto auto;
}

.contactform form fieldset
{
    padding: 10px 10px 10px 10px;
}

.contactform label 
{
   font-weight:bolder;
}

.contactform input
{
    float:right;
}

div#page-wrap div.videoItem
{
 margin: 5px 5px 5px 5px;
 padding: 10px 10px 10px 10px;
 background-color: white;
 border:solid 1px #ddd;
 height:300px;
 overflow:hidden;
 float:left;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray')";
}

div#page-wrap div.videoItem div.videoTitle
{
    width:266px;
    font-size: 1em;
    font-weight:bolder;
    margin-bottom:5px;
    height:80px;
    overflow:hidden;
}

div#page-wrap div.videoItem div.videoTitle a
{
    text-decoration:none;
    color: #333;
    display:block;
}

div#page-wrap div.videoItem div.videoPublicat
{
    font-size: 0.9em;
    margin-bottom:2px;
}

div#page-wrap .pagination
{
    text-align:center;
    margin: auto auto;
    padding:10px 10px;
    width:120px;
}

div#page-wrap .pagination a
{
    text-decoration:none;
    font-size: 1.0em;
    margin-left:10px;
    margin-right:10px;
}

#WidgetPlace
{
    margin:auto;
    margin-bottom:20px;
}

.focusField{   
  color:#000;   
}
    
.idleField{   
  color: #ccc;   
}

.embededDocs
{
    margin:20px 20px 20px 20px;
    border:1px solid #aaa;
}

.embededDocs p
{
    font-size:12px;
}

#breakingnews
{
    padding:5px;
    margin-bottom:10px;
    font-size:12px;
    font-weight:bold;
    border: 1px solid #ccc;
    background-color:#fafafa;
}

#breakingnews span
{
    color:Red;
}

#breakingnews .nextbreaking
{
    text-decoration:none;
    color:#555;
    display:block;
    float:right;
}

.likebutton
{
    margin-left:25px;
    margin-right:25px;
    margin-top:2px;
    margin-bottom:2px;
    width:560px;
    float:left;
}

.unitelogo
{
    position:relative;
    right:5px;
    top:-70px;
    float:right;
    z-index:2;
    width:62px;
    height:34px;
}

.unitelogo img
{
    border:none;
}

.datatable
{
   border: 1px solid #888;
   font-size:11px;
   width:100%;
}

.datatable td
{
    border-top:1px solid #ccc;
}

.embedCode
{
    margin-left:25px;
    width:560px;
}