@charset "UTF-8";

@media screen, projection
{

    *
    {
        margin:             0;
        padding:            0;
        border:             0;
    }

    html, body
    {
        text-align:         center;
    }
    
    body
    {
        font-family:        Arial, Verdana;
        font-size:          12px;
        background:         url(http://reg.szaft.hu/public/images/bg.jpg) repeat-y top center; 
    }

    h1,h2,h3,h4,h5,h6
    {
        line-height:        30px;
        font-size:          12px;
        color:              #535353;
    }
    
    a
    {
        color:              #515151;
    }

    
    big
    {
        font-weight:        bold;
        font-size:          15px;
    }
    
    
    /*  */
    
    #container
    {
        width:              600px;
        margin:             0 auto;
        text-align:         left;
    }
    
    #header
    {
        height: 150px;
        color: #FFF;
        background-color: #FFF;
        overflow: hidden;
    }
  
    #day
    {
        height: 20px;
        background-color: #C40001;
    }
    
        #hdLeft
        {
            width: 10px;
            height: 20px;
            background: url(http://reg.szaft.hu/public/images/headerbg.jpg) top left;
            overflow: hidden;
            float: left;
        }
        
        #hdCleft
        {
            display: block;
            width: 550px;
            padding-top: 2px;
            height: 18px;
            font-weight: bold;
            float: left;
        }
        
        #hdCright
        {
            display: block;
            width: 33px;
            padding-top: 2px;
            padding-right: 17px;
            height: 18px;
            text-align: right;
            float: left;
        }        
    
    #superbanner
    {
        width:  468px;
        height: 60px;
        border: solid 1px #C40001;
        margin: 3px auto;
    }
        
    #hmenu
    {
        height: 32px;
        background-color: #C40001;
        overflow: hidden;
        clear: both;
    }
    
    #hmLeft
    {
        width: 540px;
        margin-left: 20px;
        float: left;
    }
        
    #hmRight
    {
        width: 60px;
        float: right;        
    }  
    
    .hul
    {
        display:				inline;
		list-style-type:		none;
		overflow:				hidden;
    }
    
        .hul li
		{
            display:                block;
			height:					32px;
			padding:                0 10px 0 5px;
			line-height:            32px;
			float:					left;
		}
		
    		.hul li a
    		{
                color:                  #FFF;
                font-size:              10pt;
                font-weight:            bold;
                background:             url(http://reg.szaft.hu/public/images/menustyle.jpg) no-repeat top left;
                padding-left:           10px;
    		}
    
    .huls
    {
        display:				inline;
		list-style-type:		none;
		overflow:				hidden;
    }
    	
       
    
    #main
    {
        float:                  left;
    }
      
        
/**/

    .box
    {
        width: 600px;
        background-color: #EFEFEF;
        margin: 0 0 15px 0;
        /*float: left;*/
    }
    
        .top
        {
            width: 100%;
            height: 30px;
            background-color: #E3E3E3;
            /*float: left;*/ 
        }
        
            .top .left
            {
                width: 20px;
                height: 30px;
                background: url(http://reg.szaft.hu/public/images/boxtop.jpg) no-repeat top left;
                overflow: hidden;
                float: left;
            }
            
            .top .middle
            {
                height: 30px;
                float: left;
            }
            
            .top .right
            {
                width: 20px;
                height: 30px;
                background: url(http://reg.szaft.hu/public/images/boxtop.jpg) no-repeat top right;
                overflow: hidden;
                float: right;
            }
        
        .content
        {
            padding:    15px 10px;
        }
        
            
        .contentb
        {
            padding:    0 10px;
        }
        
            .banner120
            {
                width:      120px;
                margin:     15px auto;
            }
            
            .banner125
            {
                width:      125px;
                margin:     15px auto;            
            }
            
        
        .bottom
        {
            width: 100%;
            height: 10px;
            overflow: hidden;
            /*float: left;*/
        }
        
            .bottom .left
            {
                width: 20px;
                height: 30px;
                background: url(http://reg.szaft.hu/public/images/boxbottom.jpg) no-repeat top left;
                overflow: hidden;
                float: left;
            }
            
            .bottom .middle
            {
                height: 30px;
                float: left;
            }
            
            .bottom .right
            {
                width: 20px;
                height: 30px;
                background: url(http://reg.szaft.hu/public/images/boxbottom.jpg) no-repeat top right;
                overflow: hidden;
                float: right;
            }

            
    #usrPictures
    {
        width:              250px;
        float:              left;
    }
    
        .bpic
        {
            border:             solid 5px #FFF;
        }

        .spic
        {
            width:              100px;
            height:             100px;
            border:             solid 5px #FFF;
            margin:             5px 5px 0 0;
            float:              left;
        }        
        
    #usrDetails
    {
        width:              320px;
        margin-left:        10px;
        float:              left;
    }
    
        .detBack
        {
            padding:            10px;
            margin-bottom:      10px;
            background-color:   #E3E3E3;
        }
        
            .detBack h2
            {
                font-size:          15px;
            }
   
    
    .inpLText
    {
        display:            block;
        width:              100px;
        height:             20px;
        border:             solid 1px #737373;
        float:              left;
    }
    
    .fcl
    {
        height:             5px;
        clear:              both;
    }
    
    .loginBtns
    {
        padding:            0 0 20px 70px;
        font-size:          11px;
        line-height:        20px;
    }
    
    .loginBtn
    {
        border:             0;
        width:              66px;
        height:             28px;
        margin-bottom:      10px;
        background:         url(http://reg.szaft.hu/public/images/login.jpg) no-repeat;
        cursor:             pointer;
    }


    label
    {
        display:            block;
        width:              65px;
        color:              #737373;
        font-weight:        bold;
        float:              left;
    }
    
    
    fieldset 
    {
    
        width: 100%;
        padding: 0;
    }
    
    fieldset.submit
    {
        float: none;
        width: auto;
        border-style: none;    
    }
    
    fieldset ol 
    {
        padding: 1em 1em 0 1em;
        list-style: none;
    }
    
    fieldset li 
    {
        float: left;
        clear: left;
        width: 100%;
        padding-bottom: 1em;
    }
    
    fieldset label 
    {
        float: left;
        width: 100px;
        margin-right: 15px;
        text-align: right;
    }
    
    fieldset label strong 
    {
        display:        block;
        width:          400px;
        color:          #C00;
        font-weight:    bold;
        margin:         10px 5px 0 5px;
        text-align:     left;
    }
    
    fieldset label em 
    {
        display: block;
        color: #060;
        font-style: normal;
        text-transform: uppercase;
    }
    
    .inpBLText
    {
        display:            block;
        width:              300px;
        height:             20px;
        border:             solid 1px #737373;
        float:              left;
    }
    
    .inpTextarea
    {
        display:            block;
        width:              300px;
        height:             100px;
        border:             solid 1px #737373;
        float:              left;
    }
    
    .inpBTextarea
    {
        display:            block;
        width:              300px;
        height:             250px;
        border:             solid 1px #737373;
        float:              left;
    }
    
    .loginBBtn
    {
        display:            block;
        border:             0;
        width:              66px;
        height:             28px;
        margin:             0 155px;
        background:         url(http://reg.szaft.hu/public/images/login.jpg) no-repeat;
        cursor:             pointer;
    }
    
    .regBtn
    {
        display:            block;
        border:             0;
        width:              66px;
        height:             28px;
        margin:             0 155px;
        background:         url(http://reg.szaft.hu/public/images/defbtn.jpg) no-repeat;
        cursor:             pointer;
    }
    
    .letc
    {
        margin:             20px 0 10px 155px;
        line-height:        20px;
    }

    .errorMessage
    {
        display:                    block;
        margin:                     10px 0 10px 0;
        padding:                    10px;
        border:                     solid 1px #BB0F0F;
        background-color:           #FF6F6F;
        text-align:                 center;
        color:                      #000;
        font-weight:                bold;
    }
    
    .hintMessage
    {
        display:                    block;
        margin:                     10px 0 10px 0;
        padding:                    10px;
        border:                     solid 1px #0FBB30;
        background-color:           #6FFF87;
        text-align:                 center;
        color:                      green;
        font-weight:                bold;
    }    
    
    .blnk
    {
        cursor:                     pointer;
    }
    
    #appForm
    {
        display:                    none;
    }
    
    #tgg
    {
        text-decoration:            underline;
    }

    
    .uPictures
    {
        width:                      525px;
        margin:                     25px auto 0 auto;
    }
    
    .uPicture
    {
        margin:                     5px 5px 0 0;
        float:                      left;
    }    

        .uPictures img
        {
            margin-bottom:              5px;
            
        }
        
        .uPictures .opr
        {
            text-align:                 center;
        }
    
    
}