﻿body{padding:0px; margin:0px; background:url(../pics/top.jpg) 0 0 repeat-x #fff; color:#705D20; font: Arial, Helvetica, sans-serif;}

#topPan{width:1003px;height:131px; position:relative; margin:0 auto;}
    #header{float:left; width:1003px; height:131px;position:relative;}            
        #Logo{float:left;position:relative;width:185px; height:131px; border:0px solid black;margin:0 0 0 0;background:url(../pics/top/1.jpg);display:block;}
        #Banner{float:left;position:relative; width:626px; height:131px; border:0px solid black;margin:0 0 0 0;background:url(../pics/top/2.jpg);}
        #Login{width:192px;float:left;position:relative;height:131px;border:0px solid black;margin:0 0 0 0;background:url(../pics/top/3.jpg);}        
             #notlogged{height:131px;width:192px;position:relative;}
                .txtUserName{font-size: 12px; position: absolute;top: 27px; left: 48px; width: 100px; height: 14px;}
                .txtPassword{font-size: 12px;position: absolute; top: 53px; left: 48px; width: 100px; height: 14px;}
                #lblUserName{font-size: 14px; line-height: 14px;position:absolute;top: 30px;left: 21px;}                
                #lblUserPass{font-size: 14px; line-height: 14px; position: absolute; top: 54px;left: 4px;}                
                .ImageButton1{position: absolute; left: 157px; top: 21px;width: 24px; height: 24px;}
                .lblWrong_login{position: absolute;font-size: 12px; color: red;top: 76px;left: 36px;}
                #NewUser{font-size: 12px;position: absolute;top:87px;left:11px;}                                
                #PassRecovery{font-size: 12px;position: absolute;top:87px;left:81px; width: 94px;}
             #logged{height:131px;width:192px;position:relative;}
                .lblHello    {position: absolute; left: 0px; top: 24px;}
                #ImageButton2{position: absolute; left: 167px; top: 21px}
                .ImageButton2{position: absolute; left: 157px; top: 21px;width: 24px; height: 24px;}
                .lblLoginGoal{position: absolute; left: 0px; top: 48px;font-size:14px; width:200px;}                
                .lblLoginPlan{position: absolute; left: 0px; top: 66px;font-size:14px;}                
                                  
/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .floatfix {height: 1%;}
/* End hide from IE-mac */

/*master div for each content page*/
.InnerDiv{width: 650px;height: auto; background-color: #f7fbf3;margin:0 auto;clear:both;border:0px solid black;}/*old color #fcfcfc*/

#bodyPan{width:1003px; height:auto; position:relative; margin:0 auto;background:#f7fbf3; min-height:100%;}    
    #pan1{width:1003px; height:20px; position:relative; margin:0 auto;background:url(../pics/body/body1.jpg);}
    #pan2{width: 999px;height:auto;position: relative;margin: 0 auto;padding: 0 2px 0 2px;background: url(../pics/body/body2.jpg);min-height:100%;}
        #bodyleftPan{width: 140px;height:auto;position: relative;float: left;background: url(../pics/menu/menu2.jpg);}            
            #first{width:140px;height:15px;background:url(../pics/menu/menu1.jpg) no-repeat;position:relative;clear:both;margin:0 auto;}
            .menu1{position: relative; width:125px;height:28px; border:0px solid;display:block;clear:both;font-weight:bold;margin:0px 0 0 0;padding:7px 0 0 15px;color:#705D20;background:url(../pics/menu/menuButton.jpg)}           
            .menu1 a:link{text-decoration:none; width:120px; height: 30px;display:block;color:#705D20;}
            .menu1 a:hover{text-decoration:none; background:no-repeat 0 0;color:White;display:block;}
            .menu1 a:visited{text-decoration:none; width:120px; height: 30px;color:#705D20;display:block;}/*3366cc sin cwat standart*/
            .menu1 a:visited:hover{text-decoration:none; background:no-repeat 0 0;color:White;display:block;}            
            
            .menu2{width:125px;height:auto;float:left;background:url(../pics/menu/menu2.jpg);padding:5px 0 5px 15px;font-size:14px;}
            .menu2 a:link{text-decoration:none;color:#705D20;font-size:14px;}
            .menu2 a:hover{text-decoration:underline;color :#ff5a00;font-size:14px;}
            .menu2 a:visited{text-decoration:none;color:#705D20;font-size:14px;}
            .menu2 a:visited:hover{text-decoration:underline;color:#ff5a00;font-size:14px;}
            #last{width:140px;height:19px;background:url(../pics/menu/menu3.jpg);clear:both;}
        #bodymiddlePan{width:650px;height:auto; position:relative; float:left;background-color:#f7fbf3;margin:0px 2px 0px 2px;}
        #bodyrightPan{width:204px; height:600px;position:relative; float:right;margin:0 0 0 0;}
            .google{width:200px; position:relative;height:200px; margin:2px 0 2px 2px;clear:right; background:#f7fbf3;}
            #googleLeft{width: 120px; position: relative; height: 240px; padding: 5px 10px 5px 10px;clear: right; background: #fcfcfc;}
            #weather{width:200px; position:relative;height:auto; margin:20px 0 20px 2px;}
    #pan3{width:1003px; height:74px; position:relative; margin:0 auto;background:url(../pics/body/body3.jpg);}        

/*footer*/
#footermainPan{height:50px;position:relative; clear:both; margin:0 0 0 0; text-align:center; color:#fff;background:#705D20;font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;}
    #footermainPan a:link { text-decoration : none;font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;line-height:12px; color : white; border: 0px;}
    #footermainPan a:active { text-decoration : none; color : #3366cc; border: 0px;}
    #footermainPan a:visited { text-decoration : none; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;color :white; border: 0px;}
    #footermainPan a:hover { text-decoration : none; color :#ff5a00; border: 0px;}
    
/*na4alna straniica*/                    
.miniTab{position: absolute; width: 210px; height: auto;}
.miniTab .miniTabHeader {position: relative; height: 24px;width:100%;font-size: 18px; font-weight: bold; padding: 0 0 0 0; vertical-align: middle;clear:both;}
.miniTab .miniTabHeader .left{position: relative; float:left;background: url(../pics/mainTab1.jpg); height: 24px;width:10px;font-size: 18px; font-weight: bold; padding: 0 0 0 0; vertical-align: middle;}
.miniTab .miniTabHeader .middle{position: relative; float:left;background: url(../pics/mainTab2.jpg); height: 24px;width:180px;font-size: 18px; font-weight: bold; padding: 0 0 0 10px; vertical-align: middle;}
.miniTab .miniTabHeader .right{position: relative; float:left;background: url(../pics/mainTab3.jpg); height: 24px;width:10px;font-size: 18px; font-weight: bold; padding: 0 0 0 0; vertical-align: middle;clear:right;}
.miniTab .miniTabText {width:100%;height: auto; font-size: 14px; text-align:left; color: #226af1;background:#fcfcfc;}/*6c9df8*/

/*clases*/
.sLabel {font-size:13px; }
.mLabel {font-size:14px;}
.xLabel {font-size:17px; font-weight:bold;}
.lblHelp{font-size:13px;line-height:14px; text-align:left;}
.lblRedInfo{font-size:14px; line-height:15px;color:Red; }
.ListBox{font-size:12px;}
.Table  {font-size:14px;}/* font:Arial, Helvetica, sans-serif;}*/
.Button {font-size:13px;}
.TextBox{font-size:12px;}
.DropDown{font-size:12px;}
.GridViewTable{font-size:14px;position: relative; width:600px;top:0px;left:0px; color:#333333;text-align:center; }/* */	
	.RowStyle{background-color:#E7FDE7;}
	.FooterStyle{ background-color:#507CD1; font-weight:bold; color:White;}
	.PagerStyle{background-color:#2461BF;color:White;}
	.SelectedRowStyle{background-color:#D1DDF1; font-weight:bold; color:#333333;}
	.HeaderStyle{background-color:#B9DDB9; font-weight:bold; color:Black;}
	.EditRowStyle{background-color:#2461BF}			
	.AlternatingRowStyle{background-color:White; }

/* General Links */
a:link { text-decoration : underline; font-size:15px;line-height:16px; color : #3366cc; border: 0px;}
a:active { text-decoration : none; color : #3366cc; border: 0px;}
a:visited { text-decoration : underline; font-size:15px;line-height:16px;color : #3366cc; border: 0px;}
a:hover { text-decoration : none; color :#ff5a00; border: 0px;}

/*Links Friends*/
.Links{width:136px;height:auto;background:#fcfcfc;padding:5px 0 5px 4px;font-size:14px;}
.Links a:link{text-decoration:none;color:#705D20;font-size:14px;}
.Links a:hover{text-decoration:underline;color :#ff5a00;font-size:14px;}
.Links a:visited{text-decoration:none;color:#705D20;font-size:14px;}
.Links a:visited:hover{text-decoration:underline;color:#ff5a00;font-size:14px;}
 
 /*Articles left*/
.Right_Article{width:196px;height:auto;background:#fcfcfc;padding:5px 0 5px 4px;font-size:14px; text-align:left;}
.Right_Article .Right_Article_id{width: 100%; padding: 0 0 0px 5px;}
.Right_Article a:link{text-decoration:none;color:#705D20;font-size:14px;}
.Right_Article a:hover{text-decoration:underline;color :#ff5a00;font-size:14px;}
.Right_Article a:visited{text-decoration:none;color:#705D20;font-size:14px;}
.Right_Article a:visited:hover{text-decoration:underline;color:#ff5a00;font-size:14px;}
            
/* Standart */
.error{width:inherit;background:inherit;text-align:center;height:auto;position:relative;}
.help {height:16px;width:16px;margin:3px 0 0 0;border:0px;float:right;}
.HelpPic{ border-color:#006600; border-style:double;position:relative;margin:0 0 0 10px;}    
                    
.main {width:640px;height:auto;margin:5px 5px 10px 5px; border:0px solid #bfb;position:relative;background:#fcfcfc;border: 0px solid black;}/*background masterpage f3f9ed*/
.main .header {height:25px;background:url(../pics/maintab.jpg);font-size:18px;font-weight:bold;padding:0 10px 0 15px; vertical-align:middle;}
.main .content{height:170px;background:inherit;height: auto; text-align: center;border: 0px solid black;}
.main .postcontent1{background:inherit;text-align: center;border-top:1px solid #b9ddb9;height:auto;}
.main .postcontent2{background:inherit;text-align:center;border-top:1px solid #b9ddb9;height:auto;}
.main .postcontent3{background:inherit;text-align:center;}
.main .nodata{background:inherit;text-align:left; padding:0 0 0 20px;}
.main .body_pic{height:600px;background:url(../pics/body.png) no-repeat;}
.main .controlsource{background:inherit;height:auto;}
.main .logininfo{background:inherit;height:auto; text-align: center;}

/*Default.aspx*/
#Default_Article{height: 230px;width:600px;border: 0px solid black; position: relative;float:left;margin:10px; text-align: left; padding: 0px;}
/*http://www.dustindiaz.com/min-height-fast-hack/*/
.Image1_Pic{max-height:230px;height:auto !important;height:230px; max-width:230px;width:auto !important;width:230px;float:left;margin:0 10px 0 0; border-width:0px;}
.mainArt{position: relative; clear: both; border: double 0px black; background: url(../pics/DefaultArticle/main.jpg) no-repeat;height: 40px; width: 620px;padding:0 10px 0 10px;}
.article{position:relative;height:27px; width:145px;float:left;font-size:12px;line-height:12px;border: 0px solid #006600;padding:8px 5px 5px 5px;  color:#705D20;}
.over{background: url(../pics/DefaultArticle/articlesOVER.jpg);color:#226af1;}
.out{}

#Default_Info1{position: absolute; top: 0px; left: 23px; width: 600px; height: auto; text-align: justify;}
#Default_Info2{position: absolute; top: 528px; left: 23px; width: 600px; height: auto;z-index: 100; text-align: justify;}
