/* ------ Default properties for all elements ------ */

        *
        {
        }

        a,col,div,img,input,label,li,select,span,table,td,textarea,th,tr,ul
        {
            color                   : inherit ;
            font-family             : Roboto, Helvetica, Verdana, Arial ;
            font-size               : inherit ;
        }
        
        body
        {
        	background-color:#ffffff;
        	color:#050505;
        }
        
        /* ------ BUTTONS ------ */
        input[type="submit"]
        {
        	/* Make buttons look pretty (rounded corners) */
	        display: inline-block;
	        outline: none;
	        cursor: pointer;
	        text-align: center;
	        text-decoration: none;
	        padding: .5em 2em .55em;
	        text-shadow: 0 1px 1px rgba(0,0,0,.3);
	        -webkit-border-radius: 1em; 
	        -moz-border-radius: 1em;
	        border-radius: 1em;
	        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        	/* Give buttons a gradient colour */
	        color: #fef4e9;
	        border: solid 1px #da7c0c;
	        background: #f78d1d;
	        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	        background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
        }
        input[type="submit"]:hover 
        {
        	
        	/* Make buttons look pretty (rounded corners) */
	        text-decoration: none;
        	/* Give buttons a gradient colour */
	        background: #f47c20;
	        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	        background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
        }
        input[type="submit"]:active 
        {
        	
        	/* Make buttons look pretty (rounded corners) */
	        position: relative;
	        top: 1px;
        	/* Give buttons a gradient colour */
	        color: #fcd3a5;
	        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	        background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
        }
        
        /* ----- Icons ----- */
        .icon_
        {
        	width:40px;
        	height:40px;
        	background-image:url('../images/Sprite.png');
        	background-position:center;
        	display:inline-block;
        }
        .icon_res
        {
        	background-position:-160px 0px;
        }
        .icon_unres
        {
        	background-position:-160px -40px;
        }
        .icon_add
        {
        	background-position:-40px 0px;
        }
        .icon_del
        {
        	background-position:-120px 0px;
        }
        .icon_edt
        {
        	background-position:-80px 0px;
        }
        .icon_bck
        {
        	background-position:-200px 0px;
        }
        .icon_sug
        {
        	background-position:-0px -80px;
        }
        .icon_up
        {
        	width:24px;
        	height:24px;
        	background-position:-48px -48px;
        }
        .icon_down
        {
        	width:24px;
        	height:24px;
        	background-position:-48px -88px;
        }
        
        /* ----- Lozenge Icon Button ----- */
        .Lozenge
        {
            margin-top:4px;
            margin-bottom:4px;
        	width:95%;
        	overflow:hidden;
        	margin-left:auto;
        	margin-right:auto;
        	/* Make buttons look pretty (rounded corners) */
        	display:block;
        	position:relative;
	        outline: none;
	        cursor: pointer;
	        text-align: center;
	        text-decoration: none;
	        text-shadow: 0 1px 1px rgba(0,0,0,.3);
            -moz-border-radius: 40px;
            -webkit-border-radius: 40px;
            border-radius: 40px;
	        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        	/* Give buttons a gradient colour */
	        color: #fef4e9;
	        border: solid 1px #da7c0c;
	        background: #f78d1d;
	        background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	        background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
        }
        .Lozenge:hover 
        {
        	
        	/* Make buttons look pretty (rounded corners) */
	        text-decoration: none;
        	/* Give buttons a gradient colour */
	        background: #f47c20;
	        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	        background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
        }
        .Lozenge:active 
        {
        	
        	/* Make buttons look pretty (rounded corners) */
	        position: relative;
	        top: 1px;
        	/* Give buttons a gradient colour */
	        color: #fcd3a5;
	        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	        background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
        }
        

        /* ------ Main Layout ------ */
        body
        {
        	color                   : #111111;
            background-color        : #fefefe;
        }
        h1 
        {
        	display:inline;
        }
        td,div
        {
        	overflow:hidden;
        }
        a 
        {
        	font-weight:bold;
        	text-decoration:none;
        }
        .CentreContent
        {
        	position:relative;
        	width:960px;
        	overflow:hidden;
        	margin-left:auto;
        	margin-right:auto;
        }
        .LinkMakerSpan
        {
        	position:absolute;
        	width:100%;
        	height:100%;
        	top:0;
        	left:0;
        	z-index:1;
        }
        
        
        /* ------ TOP MENU AND BOTTOM BAR ------ */
        .HeadOrFoot_Bar
        {
        	position:relative;
        	width:100%;
        	overflow:hidden;
        	background-color:#cccccc;
        	color:#ffffff;
        	padding-top:4px;
        	padding-bottom:4px;
        }
        .menu_image
        {
        	background-image:url('../images/me_eigo.png');
        	width:174px;
        	height:168px;
        	position:relative;
        	float:right;
        }
        .menu_lnk
        {
        	margin-left:5px;
        	margin-right:5px;
        }
        .NavigationMenu
        {
        	float:right;
        }
        
        
        /* ------ Friends list ------ */
        td.FriendsList 
        {
        	width:320px;
        	overflow:hidden;
        	vertical-align:top;
        }
        div.FriendsList 
        {
        	width:312px;
        	overflow:hidden;
        	vertical-align:top;
        }
        .flIdeaCount
        {
        	font-weight:bold;
        	font-size:medium;
        	padding-top:4px;
        	padding-bottom:4px;
        }
        .flReservedCount
        {
        	font-weight:bold;
        	font-size:x-small;
        	color:#dd8888;
        	padding-right:5px;
        	padding-top:4px;
        	padding-bottom:4px;
        }
        .flName
        {
        	padding-top:4px;
        	padding-bottom:4px;
        }
        .flName_Title
        {
        	font-weight:bold;
        	font-size:large;
        	color                       : #999999;
        }
        .icon_present
        {
        	width:21px;
        	height:23px;
        	background-image:url('../images/Sprite.png');
        	background-position:center;
        	display:inline-block;
        	background-position:-10px -46px;
        }
        
        /* ------ Editor and Comments ----- */
        .P_Hdr_Edit
        {
        	position                    : relative;
        	width                       : 100%;
        	overflow                    : hidden;
        	color                       : #535353;
        	font-weight                 : bold;
        	font-size                   : large;
        }
        .P_Edit_Action
        {
        	font-weight                 : normal;
        	color                       : #999999;
        }
        .P_Edit_Vote
        {
        	float:right;
        	text-align:center;
        	font-weight:bold;
        	color                       : #535353;
        }
        .C_HR
        {
        	margin-top:16px;
        	margin-bottom:16px;
        	color: #ffffff; 
        	background-color: #ffffff; 
        	border: 1px dotted #cecece; 
        	border-style: none none dotted; 
        }
        .Comment_Title
        {
        	font-weight:bold;
        }
        
        
        /* ------ Presents list ------ */
        .PresentsList 
        {
        	width:320px;
        	overflow:visible;
        	vertical-align:top;
        }
        
        
        .P_Bgd
        {
        	display:block;
        	width:100%;
        	position:relative;
        	/*border-bottom:1px solid #111111;
        	margin-top:8px;
        	padding-bottom:8px;*/
        }
        .P_HR
        {
        	margin-top:16px;
        	margin-bottom:16px;
        }
        /* Present Header */
        .P_Hdr
        {
        	position                    : relative;
        	width                       : 100%;
        	overflow                    : hidden;
        	color                       : #dcdcdc;
        	font-weight                 : bold;
        }
        .P_Prc
        {
        	float                   : right;
        	color                   : #111111;
        }
        div.P_Lnk
        {
        	position:relative;
        	width:100%;
        	overflow:hidden;
        }
        a.P_Lnk
        {
        	color:Blue;
        }
        /* Present Detail */
        .P_Dtl
        {
        	position:relative;
        	width:100%;
        	overflow:hidden;
        	margin-top:4px;
        }
        .P_Dtl_img
        {
        	float:right;
        }
        .P_Dtl_RES /* Reserved overlay */
        {
        	background-image:url('../images/StatusOverlay.png');
        	background-position:0px -20px;
        	background-repeat:repeat-y;
        	position:absolute;
        	top:0px;
        	left:0px;
        	width:100%;
        	height:100%;
        }
        .P_Dtl_DEL /* Deleted overlay */
        {
        	background-image:url('../images/StatusOverlay.png');
        	background-position:-320px -20px;
        	background-repeat:repeat-y;
        	position:absolute;
        	top:0px;
        	left:0px;
        	width:100%;
        	height:100%;
        }
        .P_Dtl_GVN /* Given overlay */
        {
        	background-image:url('../images/StatusOverlay.png');
        	background-position:-640px -20px;
        	background-repeat:repeat-y;
        	position:absolute;
        	top:0px;
        	left:0px;
        	width:100%;
        	height:100%;
        }
        .P_Dtl_SCT /* Secret overlay */
        {
        	background-image:url('../images/StatusOverlay.png');
        	background-position:-960px -20px;
        	background-repeat:repeat-y;
        	position:absolute;
        	top:0px;
        	left:0px;
        	width:100%;
        	height:100%;
        }
        .P_Dtl_OVL /* overlay background */
        {
        	position:absolute;
        	top:0px;
        	left:0px;
        	width:100%;
        	height:100%;
        }
        /*ellipsis on text crop*/
        div.P_Dtl_crop
        {
        	display:inline-block;
        }
        a.P_Dtl_crop
        {
        	font-weight:normal;
        	text-decoration:underline;
        	color:Blue;
        }
        /* suggested/reserved by */
        div.P_Ftr_r
        {
        	float                   : right;
        	text-align              : right;
        	font-size               : x-small;
        	color                   : #999999;
        	font-weight             : bold;
        }
        a.P_Ftr_r
        {
        	color                   : #111111;
        }
        
        /* Present Footer */
        .P_Ftr
        {
        	position                        : relative;
        	width                           : 100%;
        	overflow                        : hidden;
        	/*margin-bottom                   : 16px;*/
        }
        .P_Ftr_l
        {
        	width:40px;
        	height:40px;
        	float:left;
        	overflow:hidden;
        	position:relative;
        	display:block;
        }
        .P_Ftr_cmt
        {
            font-size:larger;
            display:inline;
            position:relative;
            left:8px;
            top:8px;
        }
        .P_Ftr_srch
        {
        	width:40px;
        	height:40px;
        	background-image:url('../images/Sprite.png');
        	float:right;
        }
        /* ------ Adverts ------ */
        td.Adverts 
        {
        	width:320px;
        	overflow:hidden;
        	vertical-align:top;
        }
        div.Adverts 
        {
        	width:312px;
        	overflow:hidden;
        	/*background-color:#DDFFEE;*/
        	vertical-align:top;
        	margin-left:8px;
        }