body 
{
    background:#fff4bb url(../../images/reallyreallynice/body_background.png) top left repeat-x;
    padding:0px;
    margin:0px;
    text-align:center;
}

a
{
    color: #628ee7;
    text-decoration:underline;
}

a:visited
{
    color: #808080;
    text-decoration:underline;
}

a:active
{
    color: #808080;
    text-decoration:underline;
}

a:hover
{
    text-decoration:underline;
}

.container
{
    min-width:850px;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;

}

.main
{
    width:575px;
    margin-right:6px;
    float:right;
    margin-bottom:20px;
}

.main .header
{
    height:196px;
}

.main .header .pic
{
    float:right;
    width:195px;
    height:196px;
}

.main .header .menu
{
    background:#fff4bb url(../../images/reallyreallynice/main_header_menu_background.png) top left no-repeat;
    width:339px;
    height:23px;
    float:left;
    font-size:12px;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    color:#404040;
    text-align:left;
    padding-left:18px;
    padding-right:18px;
    padding-top:4px;
}

.main .header .menu .piccaption
{
    float:right;
}


.main .header a
{
    color: #628ee7;
    font-weight:bold;
    text-decoration:none;
}

.main .header a:visited
{
    color: #808080;
    text-decoration:none;
}

.main .header a:active
{
    color: #808080;
    text-decoration:none;
}

.main .header a:hover
{
    text-decoration:underline;
}

.main .content
{
    background:#ffffff url(../../images/reallyreallynice/main_content_background.png) top left repeat-y;
    width:575px;
    text-align:left;
}

.main .content .heading
{
    background:#a5bff1 url(../../images/reallyreallynice/main_content_heading_background.png) top left no-repeat;
    height:108px;
    width:575px;
}

.main .content .manageheading
{
    background:#a5bff1 url(../../images/reallyreallynice/main_content_manageheading_background.png) top left no-repeat;
    height:108px;
    width:575px;
    position:relative;
}

.main .content .heading h1
{
    padding-left:19px;
    padding-top:65px;
    color:#ffffff;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:30px;
    font-weight:bold;
    margin:0px;
}

.main .content .manageheading h1
{
    padding-left:19px;
    padding-top:10px;
    color:#ffffff;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:30px;
    font-weight:bold;
    margin:0px;

}

.main .content .manageheading .contextcontrols
{
    padding-left:19px;
    color:#ffffff;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:15px;
}

.main .content .manageheading .contextcontrols a:link
{
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
}

.main .content .manageheading .contextcontrols a:visited
{
    color:#ffffff;
    text-decoration:none;
}

.main .content .manageheading .contextcontrols a:active
{
    color:#ffffff;
    text-decoration:none;
}

.main .content .manageheading .contextcontrols a:hover
{
    color:#ffffff;
    text-decoration:underline;
}


.main .content .manageheading .tabmenu
{
    width:535px;
    position:absolute;
    left:19px;
    top:82px;
}

.main .content .manageheading .tabmenu ul
{
    list-style-type:none;
    padding-left:0px;
    margin:0px;
}

.main .content .manageheading .tabmenu .tab
{
    float:left;
    display:block;
    margin-right:5px;
}

.main .content .manageheading .tabmenu .tab a
{
    display:block;
    padding-right:10px;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#628ee7;
    color:#ffffff;
    font-weight:bold;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:12px;
    text-decoration:none;
        
}

.main .content .manageheading .tabmenu .tab a:hover
{
    background-color:#ffffff;
    color:#628ee7;
    
}
.main .content .manageheading .tabmenu .selected a
{
    background-color:#ffffff;
    color:#628ee7;
    padding-bottom:6px;
}

.main .contentblock_plain
{
    font-family: tahoma,Tahoma, Geneva, sans-serif;
    color:#606060;
    font-size:.9em;
    text-align:left;
    padding-left:19px;
    padding-right:14px;
    padding-top:14px;
}


.main .content h3
{
    clear:left;
}

.main .content .shortcuts
{
    background:#e7e7e7;
    width:165px;
    float:right;
    margin:5px;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:17px;
    line-height:25px;
    margin-left:19px;
}

.main .content .shortcuts .top .left
{
    background:url(../../images/reallyreallynice/boxes/shortcuts.png) top left no-repeat;
    background-position: 0px 0px;
    width:14px;
    height:14px;
    float:left;
}

.main .content .shortcuts .top .right
{
    background:url(../../images/reallyreallynice/boxes/shortcuts.png) top left no-repeat;
    background-position: -20px 0px;
    width:14px;
    height:14px;
    float:right;
}

.main .content .shortcuts .middle
{
    padding-left:14px;
    padding-right:14px;
    min-height:300px;
    float:left;
    width:165px;
}

.main .content .shortcuts .bottom .left
{
    background:url(../../images/reallyreallynice/boxes/shortcuts.png) top left no-repeat;
    background-position: 0px -20px;
    width:14px;
    height:14px;
    float:left;
}

.main .content .shortcuts .bottom .right
{
    background:url(../../images/reallyreallynice/boxes/shortcuts.png) top left no-repeat;
    background-position: -20px -20px;
    width:14px;
    height:14px;
    float:right;
}

.main .content .shortcuts a
{
    color:#628ee7;
    text-decoration:none;
    font-weight:bold;
}

.main .content .shortcuts a.larger
{
    color:#628ee7;
    font-size:27px;
    line-height:35px;
}

.main .content .shortcuts a:visited
{
    color: #808080;
    text-decoration:none;
}

.main .content .shortcuts a:active
{
    color: #808080;
    text-decoration:none;
}

.main .content .shortcuts a:hover
{
    text-decoration:underline;
}

.main .content .footer
{
    clear:both;
    width:539px;
    height:45px;
    background:url(../../images/reallyreallynice/main_content_footer_background.png) top left no-repeat;
    font-size:12px;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    color:#404040;
    text-align:left;
    padding-left:18px;
    padding-right:18px;
    padding-top:10px;
}

.main .content .footer a
{
    color: #628ee7;
    font-weight:bold;
    text-decoration:none;
}

.main .content .footer a:visited
{
    color: #808080;
    text-decoration:none;
}

.main .content .footer a:active
{
    color: #808080;
    text-decoration:none;
}

.main .content .footer a:hover
{
    text-decoration:underline;
}


.autoColumn
{
    display:inline-block;
}

.logo
{
    width:268px;
    height:68px;
    margin-top:87px;
    margin-left:auto;
    margin-right:auto;
    
}


.login
{
    background:#ffffff;
    width:224px;
    margin:5px;
    margin-top:130px;
    font-family: tahoma,Tahoma, Geneva, sans-serif;
    font-size:.9em;
    text-align:left;
    margin-left:auto;
    margin-right:auto;   
}

.login .top
{
    height:18px;
}

.login .top .left
{
    background:url(../../images/reallyreallynice/boxes/login.png) top left no-repeat;
    background-position: 0px 0px;
    width:18px;
    height:18px;
    float:left;
}

.login .top .right
{
    background:url(../../images/reallyreallynice/boxes/login.png) top left no-repeat;
    background-position: -20px 0px;
    width:18px;
    height:18px;
    float:right;
}

.login .bottom
{
    height:18px;
    clear:both;
}

.login .middle
{
    padding-left:18px;
    padding-right:18px;
    min-height:150px;
    float:left;
    width:188px
}

.login .bottom .left
{
    background:url(../../images/reallyreallynice/boxes/login.png) top left no-repeat;
    background-position: 0px -20px;
    width:18px;
    height:18px;
    float:left;
}

.login .bottom .right
{
    background:url(../../images/reallyreallynice/boxes/login.png) top left no-repeat;
    background-position: -20px -20px;
    width:18px;
    height:18px;
    float:right;
}

.login .textinput
{
    display:block;
    border:solid 2px #ffe76b;
    font: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:1.2em;
    color:#202020;
    width:176px;
    padding:4px;
    margin-bottom:5px;
    font-weight:bold;
    
}

.login .hi
{
    color:#628ee7;
    font-size:27px;
    line-height:35px;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-weight:bold;
    text-align:center;
}






.panel_flash
{
    margin-left:5px; margin-right:5px; margin-bottom:5px;
    text-align:center;
}


.modal
{
    background-color:#ffffff;
    padding:10px;
}

.modal .heading
{
    color:#ffffff;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}

.modal .heading .text
{
    padding-top:3px;
}


.codepanel
{
    Width:300px;
}

.codepanel .image
{
    text-align:center;
}    

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.main .panel_mobilecodes
{
    margin-left:5px; margin-right:5px; margin-bottom:5px;
    text-align:center;
    font-family: tahoma,Tahoma, Geneva, sans-serif;
    color:#FFFFFF;
    font-size:.9em;
}

.main .panel_mobilecodes h1
{
    padding-left:19px;
    padding-top:20px;
    padding-bottom:15px;
    color:#000000;
    font-family: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
    font-size:30px;
    font-weight:bold;
    margin:0px;
}

.main .panel_mobilecodes a:link
{
    color: #222222;
    text-decoration:underline;
}

.main .panel_mobilecodes a:visited
{
    color: #dddddd;
    text-decoration:underline;
}

.main .panel_mobilecodes a:active
{
    color: #dddddd;
    text-decoration:underline;
}

input.listform
    {
        margin-bottom:10px;
        margin-top:0px;
    }
    
label.listform
{
        display:block;
        width:300px;
        float:left;
        margin-bottom:10px;
        margin-right:20px;
}

UL.listform
{
    padding-left:0px;   
    margin-left:0px;
    list-style-type:none;
    padding-top:0px;
    margin-top:0px;
}

UL.listform LI
{
    clear:both;
    list-style-type:none;
    display:block;
    padding-top:0px;
    margin-top:0px;
}

UL.listform LI:after
{
    content:".";
    visibility:hidden;
    clear:both;
    height:0px;
    font-size:0px;
}


.currencytext
{
    width:80px;
}


label.form
{
        display:block;
        width:200px;
        float:left;
        font-size:17px;
        padding-top:6px; 
        font-weight:bold;
        margin-bottom:10px;
}

input.form
    {
        border:solid 2px #ffe76b;
        font: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
        font-size:17px;
        color:#202020;
        width:176px;
        font-weight:bold;
        padding-top:4px; 
        padding-bottom:4px; 
        margin-bottom:10px;        
    }
    
select.form
    {
        border:solid 2px #ffe76b;
        font: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
        font-size:17px;
        color:#202020;
        width:176px;
        font-weight:bold;
        padding-top:4px; 
        padding-bottom:4px; 
        margin-bottom:10px;        
    }
    
        
input.formbutton
{
    float:left;
}    

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../images/reallyreallynice/rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../../Images/reallyreallynice/rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../../Images/reallyreallynice/rating/SavedStar.png);
}


.portfolio_url
{
        display:block;
        float:left;
        font-size:17px;
        padding-top:6px; 
        font-weight:bold;
}

.portfolio_url_textbox
{
        display:block;
        float:left;
        border:solid 2px #ffe76b;
        font: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
        font-size:17px;
        color:#202020;
        width:400px;
        font-weight:bold;
        padding-top:4px; 
        padding-bottom:4px; 
}

.portfolio_involvement
{
    clear:both;
    padding-top:20px;
}

.portfolio_involvement .checkbox
{
    margin-right:20px;
    display:block;
    float:left;
}

.portfolio_comments
{
    clear:both;
    padding-top:20px;
}

.portfolio_site
{
    padding-bottom:30px;
    padding-top:30px;
    border-bottom:solid 1px #cccccc;
}

.portfolio_site:after
{
    content:".";
    visibility:hidden;
    clear:both;
    height:0px;
    font-size:0px;
}

.sticky
{
    float:left;
    width:94px;
    height:94px;
    background-image: url(../../images/reallyreallynice/boxes/sticky.gif);
    margin-right:13px;
    padding:13px;

}

UL.managelist 
{
    padding-left:0px;   
    margin-left:0px;
    list-style-type:none;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:30px;
}

UL.managelist LI.entry
{
    clear:both;
    list-style-type:none;
    display:block;
    padding-top:0px;
    margin-top:0px;
}

UL.managelist LI.entry .item
{
    display:block;
    float:left;
    width:200px;
    height:25px;
}

UL.managelist LI.entry .actions
{
    display:block;
    float:left;
}

UL.managelist:after
{
    content:".";
    visibility:hidden;
    clear:both;
    height:0px;
    font-size:0px;
}

UL.managelist .edit
{
    width:523px;
    height:300px;
    background: #ffffff url(../../dynamicimages/panel.aspx?width=523&height=300&background=%23e7e7e7&canvas=%23ffffff&corner=8&border=4&bordercolor=%23999999) top left no-repeat;
    padding:13px;
}

UL.managelist .edit label.listform
{
    width:100px;
}


.main .content .contact
{
    width:340px;
    height:260px;
    background: #ffffff url(../../dynamicimages/panel.aspx?width=365&height=270&background=%23e7e7e7&canvas=%23ffffff&corner=8&border=4&bordercolor=%23999999) top left no-repeat;
    padding:13px;
}

.main .content .contact UL.listform
{
    width:340px;
    float:left;
}

.main .content .contact input.listform
    {
        margin-bottom:10px;
        border:solid 2px #999999;

    }
.main .content .contact textarea.listform
    {
        margin-bottom:10px;
        border:solid 2px #999999;

    }
    
.main .content .contact label.listform
{
        width:100px;
        margin-right:10px;
        margin-top:3px;
}


.workweek h4
{
}

.workweek .overdue
{
    color:Red;
}

.workweek .overdue A
{
    color:Red;
}


.workweek .taskheader
{
    clear:both;
    display:block;
    margin-top:10px;   
    position:relative;
    font-size:.9em
    
}

.workweek .taskheader .select
{
    float:left;
    display:inline-block;
    width:25px;
    height: 20px;    
    vertical-align:middle;    
}


.workweek .taskheader .progress
{
    float:left;
    display:inline-block;
    width:90px;
    font-size:.9em;
    height: 20px;
    vertical-align:middle;        
}

.workweek .taskheader .values
{
    float:left;
    display:inline-block;
    width:215px;
    height: 20px;    
    vertical-align:middle;    
}

.workweek .taskheader .values span
{
    margin-left:1px;
    margin-right:1px;
    text-align:center;
}


.workweek .taskheader .values .hours
{
    width: 25px;
    display:inline-block;
}

.workweek .taskheader .values .value
{
    width: 60px;
    display:inline-block;
}

.workweek .taskheader .values .withhold
{
    width: 35px;
    display:inline-block;
}

.workweek .taskheader .values .paid
{
    width: 60px;
    display:inline-block;
}

.workweek .taskheader .description
{
    float:left;
    display:inline-block;
    width:190px;
    font-size:.9em;
    padding-top:2px;
}


.workweek .task
{
    clear:both;
    display:block;
    margin-top:10px;   
    position:relative;
    
}

.workweek .task .select
{
    float:left;
    display:inline-block;
    width:25px;
    height: 20px;    
    vertical-align:middle;    
}

.workweek .task .select input
{
    vertical-align:middle;
}

.workweek .task .progress
{
    float:left;
    display:inline-block;
    width:90px;
    font-size:.9em;
    height: 20px;
    vertical-align:middle;        
}

.workweek .task .progress img
{
    cursor:pointer;
}

.workweek .task .values
{
    float:left;
    display:inline-block;
    width:205px;
    height: 20px;    
    vertical-align:middle;    
}



.workweek .task .values input
{
        border:solid 1px #c6c6c6;
        font: helvetica, HelveticaNeueLT Std, Arial, Verdana, Sans-Serif;
        font-size:.8em;
        color:#202020;
        font-weight:bold;
        padding-top:2px; 
        padding-bottom:2px; 
        vertical-align:middle;
        text-align:right;
}

.workweek .task .values .hours
{
    width: 25px;
}

.workweek .task .values .value
{
    width: 60px;
}

.workweek .task .values .withhold
{
    width: 35px;
}

.workweek .task .values .paid
{
    width: 60px;
}

.workweek .task .progress img
{
    vertical-align:middle;
    padding:0px;
    margin:0px;
    border:0px;
    width:17px;
}

.workweek .task .description
{
    float:left;
    display:inline-block;
    width:180px;
    font-size:.9em;
    padding-top:2px;
    padding-right:10px;
}

.workweek .task .close
{
    float:left;
    display:inline-block;
    width:15px;
    font-size:.9em;
    padding-top:2px;
    padding-right:10px;
    vertical-align:middle;
    display:none;
    cursor:pointer;
}

.workweek .completion
{
    clear:both;
    display:block;
    position:relative;
    width:482px;
    margin-top:10px;
}


.workweek .completion .label
{
    float:left;
    display:inline-block;
    font-size:.9em;
    padding-top:2px;
    padding-right:10px;
}

.workweek .completion .milestone
{
    float:right;
    display:inline-block;
    height: 20px;    
    vertical-align:middle;    
}


.workweek .task .close
{
    float:left;
    display:inline-block;
    width:15px;
    font-size:.9em;
    padding-top:2px;
    padding-right:10px;
    vertical-align:middle;
    display:none;
    cursor:pointer;
}

.workweek .task .waiting
{
    float:left;
    display:inline-block;
    width:15px;
    font-size:.9em;
    padding-top:2px;
    padding-right:10px;
    vertical-align:middle;
    display:none;
}

.workweek .actions
{
    width:480px;
}

.workweek .actions .save
{
    float:right;
}

.workweek .actions .calc
{
    float:right;
}

.workweek .toploader
{
    display:inline-block;
    float:right;
    margin-right:30px;
}


.workweekpageloader
{
    display:inline-block;
    float:right;
    margin-right:30px;
}


/******************  FACEBOX  *********************/


#facebox .b {
  background:url(../../images/facebox/b.png);
}

#facebox .tl {
  background:url(../../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../../images/facebox/bl.png);
}

#facebox .br {
  background:url(../../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}