/* 
    Document   : custom
    Created on : 12.02.2009, 12:56:22
    Author     : mixadior
    Description:
        Custom styles.
*/


#loggedInBox {
            overflow:hidden;
            width:100%;            
            vertical-align:top;            
        }

        #loggedInBox span#loggedInFoto {
            float:right;            
            padding-left: 2px;
            padding-right: 0px;
        }
        #loggedInBox div#loggedInHeader {
            width: 100%;
            padding-left: 0px;
            padding-bottom: 23px;
        }
        #loggedInBox span#loggedInMenu {
            padding-left: 0px;
            vertical-align:top;            
            zoom: 1;
        }
        #loggedInBox span#loggedInMenu ul {
            list-style:none;
            padding-left:0px;
            margin-left: 0px;
            
        }
        .leftPositioned {
            
            float:left;
        }
        .rightPositioned {
            
            float:right;
        }
.sel_iemails {
	width: 200px;
}
.btn {
	border: 0 none;
	background: url('/images/btn.gif');
	width: 24px;
	height: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
}
#_email {
	width: 138px;
}

.m0p0 {
            margin: 0px;
            padding: 0px;
        }

        /*
        * Styles for displaing contest places in user profile.
        */
        .contestPlaces {
            width:230px;
         }
        .contestPlaces #header {
            
            color:#fff;
            font-size: 18px;
            font-family:Arial;
            font-weight:bold;
            width:240px;
            position:relative;
        }
        .contestPlaces #header #place {
            position:absolute;
            right:10px;
        }
        .contestPlaces #info {            
            background:transparent none no-repeat scroll left bottom;
            background-image: url(/images/contest/plashka.gif);
            width:230px;
            height:158px;
        }
        .contestPlaces #info #w-info{
            background:transparent none no-repeat scroll right bottom;
            background-image:url(/images/contest/right.gif);
            height: 158px;
        }
        .contestPlaces #info #w-info #w-w-info {
            margin-left: 50px;
            padding: 0px;
            padding:20px 0px 0px 0px;
        }
        .contestPlaces #info #w-info #w-w-info p{
            color:#fff;
            font-size: 16px;
            font-family:Arial;
            margin:0px;
            padding:0px 0px 30px 0px;
            _padding-bottom:28px;
            position:relative;
        }
        .contestPlaces #info #w-info #w-w-info p #place {
            position:absolute;
            right:10px;
            font-weight:bold;

        }

        /**
        * Styles for top3 boxes on the main page.
        * @author: mdiordienko
        */
        #top3header {
            margin: 10px 0px 4px;
            width:199px;
            font-size:16px;
            font-weight:bold;
            text-align: center;
        }
        .top3 {
            width:199px;
        }
        .top3 #top3top {                        
            padding-top:9px;
            background:url(/images/top3/topgrey.gif) scroll no-repeat;
        }

        .top3 #header{
            height:52px;
        }
        .top3 #header #nomination {
            padding-left:65px;
            padding-top:10px;
            font-size:16px;
            font-weight:bold;

        }
        .top3act #header{
            background:url(/images/top3/act.png);
        }
        .top3friend #header{
            background:url(/images/top3/friendly.png);
        }
.top3gene #header {
    background:url(/images/top3/generous2.png);
}
        .top3 #top3 ul {
            width:199px;
            list-style:none;
        }
        .top3 #top3 ul li {
            background:#292929;
            padding: 7px;
            color:#fff;            
            font-size:16px;
            position:relative;
        }
        .top3 #top3 ul li.brd {
            border-top: 2px solid #3f3f3f;
        }
        .top3 #top3 ul li #place {
            position: absolute;
            right: 10px;
            font-weight:700;
        }
        .top3 #top3bottom {
            background:url(/images/top3/bottomgrey.gif) scroll no-repeat;
            padding-top:10px;
        }
  /**
  Style for timer dialog box
  */

#basic_dialog
       {

      	width:400px;
        height:400px;
      	border:4px solid #80B61B;
      	background:#fff;
      	font-size:14px;
        color:#434343;
      	margin:0 auto;
      	}


     /**
        Style for category and other tree view
     *
    .treeview { padding: 0; clear: both;  width: 200px; font-size: 1.3em;}
    /*.treeview * { font-size: 1em; }*
    .treeview ul
    {
        overflow: hidden; width: 200px; margin: 0; padding: 0 0 1.5em 0;
        list-style-type: none;
    }
    .treeview ul ul { overflow: visible; width: auto; margin: 0 0 0 0; padding: 0 0 0 0.75em; }
    /* класс для ul после которых нет li в родительских ветках *
    .treeview ul.l { border-left: 1px solid; margin-left: -1px; }
    .treeview li.cl ul { display: none; }
    .treeview li { margin: 0; padding: 0; }
    .treeview li li { margin: 0 0 0 0.5em; border-left: 1px dotted; padding: 0; }
    .treeview li div { position: relative; height: 1.75em; min-height: 16px; /* height: 1.3em; * }
    .treeview li li div { border-bottom: 1px dotted; width:60px;}
    .treeview li p
    {
        z-index: 1; top: 1.2em; /*top: 0.65em; left: 1.75em; *
        display:inline; margin: 0; /* border-bottom: 1px dashed; padding: 0;*
        
    }
    .treeview a {
            padding: 0.1em 0.2em; white-space: nowrap; /* height: 1px; *
            border:none;

        }
    .treeview img.i
    {
        border-right: 2px solid; border-bottom: 0.5em solid;
        margin-bottom: -0.5em; vertical-align: middle;
    }
    .treeview a.sc
    {
        position: absolute; top: 0.06em;
        margin-left: -0.9em; padding: 0; text-decoration: none;
        font-size: 1.1em;
        color: #f5f5ea;
    }
    .treeview a.sc1 {
        padding-left: 5px;
        font-size:1.1em;
    }
    /* colors *
    .treeview li p,
    .treeview img.i,
    .treeview .sc
    { background: #292929;
      border:none;

     }
    .treeview ul.l,
    .treeview li p,
    .treeview img.i
    { border-color: #f5f5ea; }
    .treeview ul li li,
    .treeview ul li li div
    { border-color: #7FB71A; }
    .treeview a,
    .treeview a.sc,
    .treeview a.sc:hover
    { color: #f5f5ea; }
    .treeview a.sc {
        color: #7FB71A;
    }
    .treeview a.activeX,
    .treeview a.active,
    .treeview a:hover {
        
        color: #7FB71A;
    }
    .treeview a.active {
        text-decoration: underline;
    }
    .treeview_border_black li li {

        border-left: 1px solid;


    }

/**

UploadBox stylizing
*/

        #fileInput2
        {
            position: absolute;
        }
        .customFile
        {
            width: 219px !important;
            margin-left: -110px;
            _margin-left: -66px;
            
            cursor: default;
            height: 24px;
            z-index: 2;
            filter: alpha(opacity: 0);
            opacity: 0;            
        }
        *:first-child+html .customFile {
            margin-left: -66px;
        }
        .fakeButton
        {
            position: absolute;
            z-index: 1;
            width: 153px;
            height: 24px;
            background: url(/images/uploadBox/file_but.gif) no-repeat left top;
            float: left;
            cursor: pointer;
        }

        .blocker
        {
            position: absolute;
            z-index: 3;
            width: 150px;
            height: 24px;
            background: url(/images/uploadBox/transparent.gif);
            margin-left: -155px;
        }
        #FileName
        {
            position: absolute;
            height: 15px;
            margin-left: 155px;
            font-family: Arial;
            font-size: 14px;
            color: #fff;
            margin-top: 2px;
            padding-top: 1px;
            padding-left: 19px;
        }
        #removeUploadFile {
            color: red;
            text-decoration: none;
            cursor: pointer;
            margin-left: 5px;
        }
/**

    Rounded corders block for comments and other
*/

.RoundedCornersBlock-TopC-W {
    padding-top:9px;
    margin:0px;
    background: url('/images/blackBoxTopC.gif') no-repeat top center;
    margin-bottom:10px;
}
.RoundedCornersBlock-BotC-W {
    padding-bottom:9px;
    margin:0px;
    background: url('/images/blackBoxBottomC.gif') no-repeat bottom center;
}
.RoundedCornersBlock-Inner {
    background-color:#292929;
    padding:15px;    
}
.CommentsHeader {
    display:block;
    font-size:16px;
    position:relative;
    font-weight:bold;
    border-bottom: 1px solid white;
}
.CommentsText {
    padding-top:5px;
    font-size:12px;
    text-align:justify;
    
    
}
.CommentsHeader #commentId {
    position:absolute;
    right:2px;
    _left:550px;
}

/**
    Top Alawar Games main page blocks
*/
.alawarTopGameBox {
    /*border:1px solid white;*/
    height:171px;
    width: 198px;
    padding: 8px;
    color: #fff;
    background: #292929 url('/images/alawar_top_games_top.gif') no-repeat top center;
    margin-bottom: 11px;
}
.alawarTopGameBox a {
    color: #fff;
}
.alawarTopGameBox a:hover {
    text-decoration: underline;
}
.alawarTopGameBox #alawarGameName {
    font-size:1.3em;
    font-weight: bold;
    margin-top:0px;
    padding-top:0px;
    height:50px;
}
.alawarTopGameBox #alawarGamePic {
    float:left;
    margin-right: 3px;
}
.alawarTopGameBox #alawarGameInfo {
    font-size: 13px;    
}
.alawarTopGameBox #alawarGameGenre a {
    color: #bbb;
}
.alawarTopGameBox #alawarGameActions {
    padding-top: 30px;
}
.alawarTopGameBox #alawarGameGenre {
    height: 30px;
}
.alawarTopGameBox #alawarGameActions a {
    display:inline;
    color: #25C6FF;
    font-weight: bold;    
    padding-left: 20px;
    line-height: 20px;
}
.alawarTopGameBox #alawarGameActions a:hover {
    text-decoration: underline;
}
.blue {
    color: #25C6FF;
}