.photocrop  {
    position:absolute;
    height: 200px;
    width: 100px;
    clip: rect(0px, 200px, 80px, 0px);
    overflow: hidden;
    background:url("../images/site-view-site-image.jpg");
}

.min-milestone  {
    margin-left:20px;
}

.progressbar    {
    width:50px;
    display:inline;
    float:left;
    border:1px solid;
}

.progressbar-completed  {
    background-color:#A6CCFF;
    float:left;
    height:15px;
    margin-right:-1px;
    display: inline;
}

#black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:1001;
        background-image:url('../images/lightbox-bg.png');
}

#white_content {
	display: none;
	position: absolute;
	top: 17%;
	left: 29%;
	padding: 10px;
	border: 4px solid #52814C;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

div.dashboard-portlet h1 {
    font-size:14px;
    font-weight:bold;
    height:26px;
    padding:6px 5px 2px 10px;
    text-align:left;
}

div.dashboard-portlet h1 a {
    font-size:10px;
    float:right;
    padding:1px;
    font-weight:bold;
    color:black;
    margin-top:-1px;
    width:100px;
    display:inline;
}

div.dashboard-portlet   {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FCFDFD url(styles/default/images/dashboardBg.jpg) repeat-x 50% top;
    border:1px solid #A6C9E2;
    color:#222222;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    padding:0 5px 5px 5px;
}

div.pagetitle  {
    padding:8px;
    margin-bottom:10px;
    height:30px;
    background-image:url('../images/title_bg.png');
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
}

div.pagetitle h1    {
    font-size:2em;
}

body    {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#circle_selector {
    display: none;
    width:160px;
    border: 1px solid #859001;
    padding: 5px;
    background-color: #f5f5f5;
}

#container_circle_selector {
    position:absolute;
    margin-top: 55px;
    margin-left: 805px;
}

div.milestone-card  {
    width:110px;
    padding:8px 3px;
    margin-left:22px;
    display:block;
    clear:both;
    text-align:center;
    cursor:pointer;
}

div.milestone-detail    {
    display:none;
    width:500px;
}

div.thick-border    {
    border-width: 3px;
}

div.thin-border    {
    border-width: 1px;
}