@import url(../../Content/Css/Layout.css);
/********* globals *********/

* {margin:0;padding:0}
a img,table {border:0}
/*dl,ol,ul {list-style:none}*/
table {border-collapse:collapse}
caption,th,td {text-align:left;font:12px Arial,SansSerif;padding:2px;}

p {text-align: justify;font:12px Arial,SansSerif;margin-bottom:10px;}

/* fonts & colors */
body { font:12px Arial,SansSerif; color:#333; }
button,select,textarea,input {font:100% Arial,SansSerif}
a { color:#7d0049; text-decoration:none; }
a:hover { text-decoration:underline; }

h2,h3,h4,h5,h6 { font-family: Arial,Sans-Serif; color:#7d0049; }
h2,h3,h4,h5,h6 {margin:.35em 0;}
h1 {margin-bottom:30px; font-family:Arial,Sans-Serif; color:#7d0049; font-weight: bold;}

.answer { margin:0px; padding:5px; display: inline-block; background: transparent url(tab_item2.gif) no-repeat 50% 100%;}

/********* layout *********/

body { margin:0; padding:0; background:#fff url(bakcground-tileable.jpg) }
	#headerBackground { position:absolute; background:#fff url(body_bg.gif) repeat-x; width:100%; height:195px;}	
	#headerLine { position:relative; top:160px; width:100%; border-top: 1px solid #fff; height:1px; margin-bottom:-2px; }
	.headerSearch { width:260px;
                font-size:12px; 
	            font-family: Arial;
	            font-weight: bold;
	            color: #7d0049;
	            float: right;
	            margin-right:20px;	            
	            position: relative;
	            z-index:50;            
	}
	#wrap { width:920px; margin:0 auto; }
		#header { height:195px; }		
		#page { margin:0px 18px; background: #fff; padding:45px 0px 5px 0px; min-height:500px;}
			#content { }
				.secondary { width:150px; float:left; margin-bottom:1px;}
				#menu { width:260px; padding-right:30px;}
				#extras { padding-right:15px;}
				#main { width:540px; float:left; padding-right:15px; }				
				#navrh { text-align:right;padding-top:15px;}
				#navrh a { text-align:right; font-size:18px; 
	                font-family: Arial;
	                font-weight: bold;
	                color: #7d0049;
	                }	
		
		#footerWrap {width:100%; background:#7d0049}
		#footerWrap1 {width:920px; margin:0 auto; }
		
		#footer 
		{
		    margin:0 18px; 
		    padding:0px; 
		    height:276px; 
		    background:#7d0049;
		    font-family: Arial;
		    color: #fff;
		}
		#footer a 
		{
		    color:#fff;
		    font-weight: bold;
		    margin-bottom: 5px; font-size:11px;
		}
		#footer p { margin-bottom: 5px; font-size:11px;}
    	p.footerTitle { margin: 0px; font-size:12px; font-weight:bold; }
			
		/* login */
        #footer a {color:#fff; font-size: 11px; font-weight:bold}
        #footer label {float:left; margin-top:2px;}
        #footer input {width:200px; margin-top:3px;margin-bottom:8px;border: 1px solid #CCC;}
        #footer input[type=submit].wideInput { width:130px; }
        #footer input[type=checkbox] {float:left; width:200px; border:none}
        #footer input[type=submit] 
         {width: 50px;
            border: 1px solid #CCC;
            background: #fff;
            font-weight: bold;
            font-size:12px;
            color: #7d0049;
            clear:both;
            display:block;
            }
        #footer .whiteBackground {background-color:#fff;}
        
        #main .fieldLogin {font-size: 11px; clear:both;}
        #main .fieldLogin label {float:left; margin-top:2px;}
        #main .fieldLogin input {width:200px; margin-top:3px;margin-bottom:8px;}
        #main .fieldLogin input[type=checkbox] {float:left; width:200px;}
        #main .fieldLogin input[type=submit] 
         {width: 50px;
            border: 1px solid #CCC;
            font-weight: bold;
            font-size:12px;
            color: #7d0049;clear:both;
            display:block;}	
        #main .whiteBackground {background-color:#fff; width:200px;margin-top:3px;margin-bottom:8px;}

.boxTitle,
.secondary h4 { margin:0; padding:5px 0; font-size:1.2em; }
.secondary h4 a,
.secondary h4 a:visited {color:#333;}

/* top */
#header { position:relative; }
	.top { float:right; padding:15px 15px 0 15px;}
	.siteLogo { float:left; padding:6px 12px; margin-left: 5px;}
	.siteHeader { float:left;}
	.siteHeader a {color:#fff;}

/* secondary */
.secondary .uc { margin-bottom:15px; }

/* content */
img.main {margin-bottom:15px;}

/* menu */
.menu li {list-style:none; }

.topMenu 
{ 
	position:absolute; 
	bottom:0px; 
	height:35px; 
	padding:0 18px; 
	width:920px; 
	font-size:14px; 
	font-family: Arial;
	font-weight: bold;
}
	.topMenu li {float:left; padding-left:4px;padding-top: 2px; }
	.topMenu a { color:#fff; display:block; padding:8px 10px 8px 10px; }
	.topMenu a:visited { color:#fff; }
	.topMenu .current,
	.topMenu .trail { height:35px; font-weight:bold;background:#fff}
	.topMenu .current a,
	.topMenu .trail a { color:#333; }
	.topMenu .current a:visited,
	.topMenu .trail a:visited { color:#333; }

	.topMenu li ul 
	{
		display:none;
		
		font-size:.8em;
		background:none;
		position:absolute;
		top:45px;
		left:0;
		height:auto;
		padding:0 15px;		
	}
	.topMenu .current ul, 
	.topMenu .trail ul {display:block}
	.topMenu .current ul li,
	.topMenu .trail ul li { font-weight:normal; background:none; padding:0; }
	.topMenu .trail .current,
	.topMenu .trail .trail
	{
		background:none;
		margin:0;
		font-weight:bold;
		padding:0;
	}
	.topMenu .current ul a,
	.topMenu .trail ul a
	{
		background:none;
		padding:10px;
		color:#333;
	}

.subMenu{}
	.subMenu a { display:block; padding:7px 5px 7px 10px; _height:1px; font-size:18px; 
	            font-family: Arial;
	            font-weight: bold;
	            color: #7d0049;}
	            
	.subMenu ul { margin:0 0 2px 15px; }
	.subMenu .trail > a { color:#0096DB; }
		
    .subMenu .current a,
	.subMenu .trail a { font-weight:bold; color:#fff; background:#7d0049;}

	/*.languageMenu { bottom:8px; float:right;margin-top: 168px;
                font-size:18px; 
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	}*/
	
	.languageMenu { position:absolute; bottom:9px; left:910px; width:100px;
                font-size:14px; 
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	}
	.languageMenu a { opacity:1; color: #fff;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}
	
/* lists */
.list .a0 { background: #fcf7f7; }
.list { padding-bottom:6px; }
.list .item { padding:5px; padding-bottom:0px; margin-bottom:5px;}
.list a {color:#7d0049; font-family: Arial,Sans-Serif;  font-size:14px; display:block;}
.list .date { font-family: Arial,Sans-Serif;  font-size:11px; margin-top:2px; margin-bottom:7px;}

/* path */
.path { margin-bottom:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style:circle; margin-left:20px; }

/* image */
.imageFrame { border: 1px solid #f3f3f3; padding: 5px;
    background-color: #fff; margin-right:5px;}

/* content */
.introduction {  font-family: Arial,Sans-Serif; font-size:13px; margin-top:5px; color:#7d0049;}

/* date */
.date { font-family: Arial,Sans-Serif;  font-size:9px;  margin-bottom:5px;}

/* columns */
.columns .left { float:left; width:250px; padding:15px 22px; max-height:250px;
                 font-size:11px; 
	font-family: Arial;
	color: #fff;
	}
.columns .center { float:left; width:250px;padding:15px 22px; max-height:250px;
                 font-size:11px; 
	font-family: Arial;
	color: #fff;
	}
.columns .right { float:left; width:180px; padding:15px 50px;max-height:250px;
                 font-size:11px; 
	font-family: Arial;
	color: #fff;
	}

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

/* documents */
h3.word { padding-left: 22px; background: transparent url(docx_small.gif) no-repeat left center; }
h3.excel { padding-left: 22px; background: transparent url(xlsx_small.gif) no-repeat left center; }
h3.pdf { padding-left: 22px; background: transparent url(pdf_small.gif) no-repeat left center; }

/*p, h1, form, button{border:0; margin:0; padding:0;}*/

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:15px 0px;
padding:14px;
}

div.editor-label
{
    margin-bottom: 20px;
}

div.editor-label label
{
    padding-top:5px;    
}

.field-validation-error
{
    color: #ffd0eb;
    text-align:left;
    display:block;
    clear:both;
}

.field-validation-valid
{
    display: none;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="submit"] 
{
    width: 80px;
    border: 1px solid #555;
    background: #7d0049;
    font-size:14px;
    color: #fff;
    margin-bottom: 5px;
}

input.wideInput
{
    width:170px;
}

.headerSearch input[type="submit"] 
{
    width: 60px;
    border: 1px solid #CCC;
    background: #fff;
    font-weight: bold;
    font-size:12px;
    color: #7d0049;
}

.headerSearch input[type="text"] 
{
    width: 175px;
    margin-right: 5px;
    margin-bottom: 5px;	
    border: 1px solid #CCC;
}

input[type="text"] 
{
    width: auto;
    border: 1px solid #CCC;
}


input.wide[type="text"] 
{
    width: 170px;
    margin-right: 10px;
    border: 1px solid #CCC;
}

input[type="radio"] 
{
    width: 20px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{    
    color: #7d0049;
}

.validation-summary-valid
{
    display: none;
}


/* ----------- stylized form ----------- */
.styleThin
{
    width:300px;
}

.styleWide
{
    width:840px;
}

#stylized{
    border:solid 2px #af92a3;
    background:#f6f0f3;
    margin-left: auto ;
    margin-right: auto ;
}

#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:12px;
    color:#666666;
    margin-top:5px;
    margin-bottom:20px;
    border-bottom:solid 1px #af92a3;
    padding-bottom:10px;
}
#stylized p.napaka{
    font-size:11px;
    color:#ee0000;
    margin-bottom:20px;
    border-bottom:solid 1px #af92a3;
    padding-bottom:10px;
}
#stylized label{
    font-weight:bold;
    text-align:right;
    width:35px;
    padding:5px 25px 0px 0px;
}

#stylized label.textInputLabel
{
    font-weight:bold;
    text-align:right;
    width:45px;
    float:left;
    padding:5px 15px 0px 0px;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:145px;
}

#stylized .chkBoxDiv
{
    width:127px;
    height:30px;
    float:left;
}
#stylized .textInputDiv
{
    width:250px;
    height:30px;
    float:left;
}

#stylized .textInputDiv input[type="text"]
{
    font-size:12px;
    padding:4px 0px;
    border:solid 1px #af92a3;
    width:170px;
    margin-bottom: 7px;
}

#stylized .chkBoxDiv input.chkboxLeft{
    float:left;
    font-size:12px;
    padding:2px 5px;
    width:20px;
    margin:4px 2px 8px 5px;
    border:none;
}
#stylized .chkBoxDiv label.labelLeft{  
    font-weight:bold;
    text-align:left;
    margin-left: 5px;
    width: 90px;
    line-height: 23px;
    padding:  3px 0px 0px 0px;
}

#stylized .chkBoxDiv input[type="checkbox"] {
border:none;
}
#stylized input[type="radio"] {
float:left;
font-size:12px;
padding:18px 0px;
border:solid 1px #af92a3;
width:20px;
}
#stylized input[type="submit"] {  
    width: 80px;
    border: 1px solid #555;
    background: #7d0049;
    font-size:14px;
    color: #fff;
    padding: 0px;
    margin:15px 0px 0px 0px;
}


/* ----------- table.odvetnikDetails ----------- */
table.odvetnikDetails {
    margin-top:10px;	
	border:none;
    border-collapse:collapse;
	}
table.odvetnikDetails td {
    border:none;
	padding-right:25px;
	padding-bottom:3px;
	text-align:left;
	}	
	

/* ----------- table.data ----------- */
table.data {
	width:100%;
	border:1px solid #c7b6bf;
    border-collapse:collapse;
	}
table.data caption {
	color: #af92a3;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
table.data tr.odd 	{
	background:#f6f0f3
	}
table.data tr.oddNoHover 	{
	background:#e5d7df;
	text-align:right;
	}
table.data tr.odd .column1	{
	background:#f6f0f3;
	}	
table.data .column1	{
	background:#f6f0f3;
	}
table.data td {
	border-bottom:1px solid #d7cad1;
	border-left:1px solid #d7cad1;
	padding:.3em 1em;
	text-align:center;
	}				
table.data th {
	font-weight:normal;
	font-weight:bold;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #c7b6bf;
	border-left:1px solid #c7b6bf;
	padding:.3em 1em;
	}							
table.data thead th 
{
    color:#666666;    
	background:#d7cad1;
	text-align:center;
	font-size: 14px;
	font-family: Arial;
	color:#7d0049
	}	
table.data tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
table.data tfoot th strong {
	font-size: 14px;
	font-weight:bold;
	font-family: Arial;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
table.data tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
table.data tr:hover {background-color: #e6dde2; cursor:pointer;} 
table.data tr.odd:hover {background-color: #e6dde2; cursor:pointer;} 
table.data tr.odd1:hover {cursor:default;} 
table.data tr.oddNoHover:hover {background-color:#e5d7df; cursor:default;} 


.poll-bar 
{    
    background:transparent url(poll-pattern.jpg) repeat-x left center;  
    -webkit-box-shadow: 1px 1px 1px #bbb;
    -moz-box-shadow: 1px 1px 1px #bbb;
    border-radius: 2px;       
    -moz-border-radius: 2px;       
    margin-top: 2px;
    margin-bottom: 5px;
}