/* BEGIN FILESHARE STYLE DEFINITIONS */
ul {
	margin:10px;
	padding-left:20px;
}
.main_box {   
	margin:0 auto;   
	margin-top:5px;
	width:950px;   
	min-height:600px;
	height:auto !important;
	height:600px;
	background:#f5f5f5;   
	padding-bottom:50px;   
	border: 1px solid #cBCBCB;
	text-align:left;
	overflow: visible;
} 
table.links {
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #a1a1a1;
}
td.checkbox {
	background-color: #e7e7e7;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	width: 20px;
}

td.icon {
	background-color: #ffffff;
	border: 0px;
	width: 24px;
}

td.name {
	background-color: #e7e7e7;
	border: 1px solid #f5f5f5;
	white-space: normal;
	font-family: Courier;
	padding-right: 5px;
	padding-left: 5px;
}

td.size {
	color: #333366;
	background-color: #e7e7e7;
	font-family: Courier;
	text-align: right;
	padding-right: 8px;
	padding-left: 5px;
	border: 1px solid #f5f5f5;
}
td.month {
	color: #333366;
	background-color: #e7e7e7;
	font-family: Courier;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 5px;
	padding-right: 2px;
}
td.day {
	color: #333366;
	background-color: #e7e7e7;
	font-family: Courier;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 2px;
	padding-right: 3px;
	text-align: right;
}
td.time {
	color: #333366;
	background-color: #e7e7e7;
	font-family: Courier;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}
td.year {
	color: #333366;
	background-color: #e7e7e7;
	font-family: Courier;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 3px;
	padding-right: 5px;
}
.fileheader {
	background-color: #a1a1a1;
	color: #ffffff;
	text-align: center;
}
.fileheader_highlight {
	color: #ffffff;
	background-color: #666666;
	text-align: center
}
a.fileshare {
	color: #333366;
	text-decoration: none;
}
a.fileshare:hover {
	color: #0080c0;
}
.address_bar {
	font-size: x-small;
	font-family: Verdana, Arial Black, sans-serif;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: normal;
	color: #ffffff;
	background-color: #a1a1a1
}
A.header_title {
	color: #FFFFFF;
	text-decoration: none
}
A.header_title:hover {
	color: #FFFFFF
}

/* END FILESHARE STYLE DEFINITIONS */


body {
	font-family: Verdana, Arial Black, sans-serif;
	margin: 0px;
	background-color: #ffffff;
	text-align:center;
}
td.row1 {
	background-color: #d7d7d7;
	font-weight: normal;
	padding: 2px;
}
td.row2 {
	background-color: #ffffff;
	font-weight: normal;
	padding: 2px;
}
td.nowrap {
	font-family: Verdana, Arial Black, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
th {
	font-family: Verdana, Arial Black, sans-serif;
	font-size: smaller;
	background-color: #333366;
	color: #f5f5f5;
}
a.toplinks {
	font-family: Verdana, Arial Black, sans-serif;
	color: #ffffff;
}
.toplinksselected {
	font-family: Verdana, Arial Black, sans-serif;
	color: #ffae5e;
}
a.toplinks:hover {
	color: #80ffff;
}
a.toplinksselected:hover {
	color: #ffff00;
}
a.regular {
	font-family: Verdana, Arial Black, san-serif;
	color: #333366;
	text-decoration: underline;
}
.loghelp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.loghelp:hover {
	text-decoration: underline;
}
.title {
	font-family: Verdana, Arial Black, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.helptitle {
	font-family: Verdana, Arial Black, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding: 20px;
}
.content {
	background-color: #f5f5f5;
	border: 2px solid;
	padding: 10px 10px 5px 20px;
	min-width: 575;
}
.spcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	padding: 5px 35px;
}
.helpcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	padding: 10px;
}
.message {
	background-color: #FFFAa4; 
	padding: 3px; 
	font-size: smaller;
	border: 1px solid #ffe084;
}
.usermessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.info {
	font-family: Verdana, Arial Black, sans-serif;
	font-size: smaller;
	font-weight: bold;
	white-space: normal;
}
.input {
	font-family: Verdana, Arial Black, sans-serif;
	white-space: nowrap;
}
.redline {
	background-color: #fe7d19;
	font-size: 1px;
	height:5px;
}
.tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller; 
	background-color: #ffffff;
}
.toptable {
	background-color: #ffffff;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: #d6e1eb;
	padding: 3px;
/*	border: 1px solid #98acbc; */
}


/*********************************StatusPanel******************************/
.StatusPanel
{
	margin-left:auto;
	width:600px;
	text-align:left;
	display:none;
}
#StatusList
{
	text-align:left;
	width:600px;
	display:none;
}
.accessmessage {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:smaller;
	font-weight:bold;
}
.titlelegend {
	font-size:20px;
	font-weight:bold;
}
.accessfield {
	border:1px solid #fff;
	border-top:0;
	background-image:url("/prx/000/http/localh/images/gradient.png");
	background-repeat:repeat-x;
	background-position:0% 35%;
	background-color:white;
}
.linktable {
	table-layout:fixed;
	margin:10px;
	width:855px;
}
.linktable td {
	/*text-overflow:clip;*/
	/*overflow:hidden;*/
	/*white-space:nowrap;*/
	/*width:40%;*/
}
.linktable td a {
	/*white-space:nowrap;*/
}
.plusminus {
}
.legend {
	background:#888;
	color:white;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
.legend:hover {
	cursor:pointer;
}
.clearboth {
	clear:both;
}
.wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 

/* for iPad */
@media only screen and (max-device-width:1024px) {
.main_box {
        width:100%;
	border:0;
}
body {
	background:#f5f5f5;
}
}

/* for iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
.main_box {
        margin-top:5px;
        width:100%;
        min-height:240px;
        height:auto !important;
        height:240px;
        background:#f5f5f5;
        padding-bottom:50px;
        text-align:left;
	border:0;
}
body {
	background:#f5f5f5;
}
}

/* for iPhone */
@media only screen and (max-device-width:480px) {
.main_box {
        margin-top:5px;
        width:100%;
        min-height:240px;
        height:auto !important;
        height:240px;
        background:#f5f5f5;
        padding-bottom:50px;
        text-align:left;
	border:0;
}
body {
	background:#f5f5f5;
}
}

/* for desktop direct */
div{ overflow:hidden;}
img{ border:0px;}
.pl{  width:408px; margin:auto; margin-top:205px;}
.logo{ padding-top:10px;padding-bottom:3px;padding-left:10px; }
.pl_label{ float:left;  width:135px; text-align:right; font-weight:bold;
padding-right:5px;height:17px; padding-top:2px;}
.pl_input{ float:left; height:19px;}
.pl_br{ clear:both; height:11px;}
.pl_input input{ height:17px; width:180px; border:1px solid #666666;}
.pl_center{ text-align:center}
.pl_body h1{ margin:0px; padding:0px; font-size:16px; text-align:center; height:30px; padding-top:19px;}
.dl_top_line_f{background:url(/prx/000/http/localh/desktop/images/dl_top.png) repeat-y; height:16px}
.dl_body{  background:url(/prx/000/http/localh/desktop/images/dl_body.png) repeat-y;}
.dl_footer{ height:27px; background:url(/prx/000/http/localh/desktop/images/dl_footer.png) no-repeat;}
.foot{ height:225px;}
.body_fm{ width:664px; margin:auto;}
.title_text{ float:left}
.title_btn{ float:right}
.box_body {height:500px;}
.box_body ul{ margin:0px; padding:0px; list-style:none; margin-left:30px; margin-top:30px }
.box_body ul li,.li_pcoff{ float:left; width:200px; height:64px; background:url(/prx/000/http/localh/desktop/images/pc.gif) no-repeat  ; padding-top:10px; padding-left:50px; overflow:hidden; margin-bottom:30px; }
.box_body ul .li_pcoff{width:200px; height:64px;background:url(/prx/000/http/localh/desktop/images/pc_off.png) no-repeat ; }
.box_body ul .li_pcpowerup{width:200px; height:64px; background:url(/prx/000/http/localh/desktop/images/pc_powerup.gif) no-repeat ; }
.box_body ul .li_pcconnected{width:200px; height:64px;background:url(/prx/000/http/localh/desktop/images/pc_connected.png) no-repeat ; }
.box_body ul li a{ color:#666666; text-decoration:underline}
.box_msgs {font-size:14px;}
.msg{ color:#ff3300; width:376px; margin:auto; padding:5px; text-align:center; padding-bottom:0px;}
