body {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	/*background: rgb(197,204,211) url(images/pinstripes.png) repeat;*/
	background: rgb(255,255,255);
	-webkit-text-size-adjust:none;  /* Turn off font resizing */
}

.screenhome {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	background: #000000;
	-webkit-text-size-adjust:none;  /* Turn off font resizing */
}

fieldset {
    border:none;
}
.toolbar {
    border-bottom: 1px solid #FFFFFF;
    padding: 0;
    height: 45px;
    font-weight: bold;
    color: #FFFFFF;
    background: #000000 url(images/toolbar.png) repeat-x;
    white-space: nowrap;
}

.toolbar h1 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
	padding:10px 0;
}
.toolbar a {
	text-decoration:none;
	padding:13px 0;
}
.toolbar .off, .toolbar .on {
    float:left;
    display:block;
    width:25%;
    text-align:center;
}
.toolbar .off {
	padding:13px 0;
    color: #CCC;
}
.toolbar .on {
    color: white;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}
.panel p, .panel h3 {
    margin:10px;
}
.panel table {
    width: 100%;
}
.panel th {
    text-align:left;
    font-weight:normal;
    font-size:12px;
    padding-left:14px;
}
.panel .form-field {
    width: 95%;
}
.panel ul.rounded {
    /*list-style: none;*/
	margin:10px;
	padding:0;
	-webkit-border-radius: 8px;
	background-color: white;
	/*border:1px rgb(255,255,255) solid;*/
}
.panel ul.rounded li a {
    display:block;
	padding:17px 10px;
	font-size:17px;
	font-weight:bold;
	color:black;
	text-decoration:none;
	border-bottom:1px rgb(0,0,0) solid;
    background: url(images/listArrow.png) no-repeat right center;
}
.panel div.picture {
	border-bottom:1px rgb(175,175,175) solid; /*rgb(175,175,175)*/
    background: white url(images/listArrow.png) no-repeat right center;
    height:100px;
    clear: both;
}
.panel div.picture a {
	text-decoration:none;
	color: black;
	font-size:12px;
}
.panel div.picture a .thumbnail {
	text-decoration:none;
    float: left;
    height:100px;
    width:100px;
}
.panel div.picture a .subject {
    width:194px;
    max-height:44px;
    overflow: hidden;
	font-weight:bold;
    padding-top:4px;
    margin-left:104px;
}
.panel div.picture .date {
    margin-left:104px;
}
.panel div.picture .from {
    margin-left:104px;
}
.panel div.picture .id {
    margin-left:104px;
    font-size:11px;
    font-style: italic;
    color:#CCC;
}

.detail img {
    width:320px;
	border-bottom:1px #FFFFFF solid;
	
}
.detail .subject {
    padding-top:4px;
    padding-left:4px;
	font-size:16px;
	font-weight:bold;
}

.detail .credit {
    padding:4px 0 4px 4px;
	font-size:12px;	
}

.detail .id {
    margin-left:4px;
    font-size:11px;
    font-style: italic;
    color:#999;
	border-bottom:1px rgb(153,153,153) solid;
}

.detail .review {
	padding-top:1px;
    padding-left:4px;
	padding-bottom:4px;
	font-size:14px;
	font-weight:bold;
}

.add-comment {
    padding:10px;
}
.white-button {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
    -webkit-border-image: url(images/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
.white-button {
    padding: 11px 10px 9px 10px;
}
/************************************************************************************************/

#preloader {
    display: none;
    background-image: 
        url(images/blueButton.png), 
        url(images/listArrowSel.png), 
        url(images/pinstripes.png), 
        url(images/selection.png), 
        url(images/toolbar.png),
        url(images/whiteButton.png);
}

/************************************************************************************************/