body{
    margin-top:0px;
    margin-left:0px;
    padding:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
    background-color: #fff;
}
table{
    border:0;
    padding:0;
    margin:0;
}
tr{
    padding:0px;
    margin:0px;
}
td{
	padding-left:2px;
	margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
th{
    padding:2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background:#CCC;
    text-align:left;
}
form{
	display:inline;
}

A:link, A:visited, A:active{
    color:#205480;
    text-decoration:none;
}
A:hover{
    text-decoration:underline;
}
img{
    border:none;
}
.disabledLink{
    color:#888;
}
.logo {
    width:190px;
    height:29px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    border: 1px solid;
    border-color:#FF5A00;
}

#main {
    width: 800px;
    background-color: #FFF;
    padding:5px;
}

/* the header content */
#headerContainer{
	width:100%;
	margin:0px auto;
	padding:0px;
	margin-bottom:5px;
	position:relative;
}

/* the footer content */
#footerContainer{
	width:100%;
	height:40px;
	margin:0px auto;
	margin-top:5px;
	font-size:10px;
        text-align:center;
	border-top: 1px solid #999;
	padding-top:5px;
	float:left;
}

/* the scrollable folder content */
#leftContainer{
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	float:left;
}
/* the scrollable thumbnail content */
#centerContainer{
	margin-bottom:5px;
	padding:0 3 5 3px;
	float:left;
}
/* the scrollable thumbnail content */
#rightContainer{
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	padding:0 0 0 0px;
	float:right;
}
/* the content pane */
.contentPane{
	width:100%;
	margin:0px auto;
	padding: 2px;
	text-align:left;
	float:left;
	position:relative;
}
.dashboardPane{
	height:35px;
	line-height:35px;
	margin-top:0px;
        padding-left:5px;
        font-size:11px;
}
.msg{
        width:auto;
	padding-left:5px;
	padding-right:3px;
}
.msg .tip{
        background-image:url('/img/tips.gif');
        background-position: left center;
        background-repeat: no-repeat;
        color:#444;
	padding-left:30px;
	padding-right:10px;
}
.msg .err{
        background-image:url('/img/attention.gif');
        background-position: left center;
        background-repeat: no-repeat;
        color:#f00;
	padding-left:30px;
	padding-right:10px;
}
.msg .war{
        background-image:url('/img/attention.gif');
        background-position: left center;
        background-repeat: no-repeat;
        color:#444;
	padding-left:30px;
	padding-right:10px;
}
.msg .suc{
        color:#444;
        font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

/*****************************************************************************/
/* Tabs */
.activeTab{
    display: block;
    background-image:url('/img/TAB_Clear.gif');
    color: #000;
    height:2em;
    line-height:2em;
    width: 140px;
    margin: 0px auto;
    text-align: center;
    vertical-align:middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-decoration: none;
	position:relative;
}
.inactiveTab{
    display: block;
	background-image:url('/img/TAB_Gray.gif');
    color: #000;
    height:2em;
    line-height:2em;
    width: 140px;
    margin: 0px auto;
    text-align: center;
    vertical-align:middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-decoration: none;
	position:relative;
}
.activeHTab{
    position:relative;
    border-top:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    border-color:#CCC;
    background-color:#FFF;
    top:1px;
    width:160px;
    height:24px;
    line-height:24px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#ff6600;
}
.inactiveHTab{
    position:relative;
    border-top:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    border-color:#CCC;
    background-color:#EEE;
    top:1px;
    width:160px;
    height:23px;
    line-height:23px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.activeVTab{
    position:relative;
    background-color:#FFF;
    border-left:1px solid;
    border-bottom:1px solid;
    border-color:#eee;
    left:1px;
    font-size:12px;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
.inactiveVTab{
    position:relative;
    background-color:#EEE;
    margin-top:1px;
    font-size:12px;
    padding:3px;
    text-decoration:none;
}
/*****************************************************************************/
/* Round corner */
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop *{display: block; height: 1px; overflow: hidden; background: #ccc;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r4{margin: 0 1px; height: 2px}
b.rbottom *{display: block; height: 1px; overflow: hidden; background: #ccc;}

/*****************************************************************************/
/* Fonts section */
.heading1{
    font-size:18px;
    font-weight:bold;
    color:#000;
}
.heading1light{
    font-size:18px;
    font-weight:bold;
    color:#666;
}
.heading2{
    font-size:14px;
    font-weight:bold;
    color:#000;
}
.heading2light{
    font-size:14px;
    font-weight:bold;
    color:#666;
}
.heading3{
    font-size:12px;
    font-weight:bold;
}
.heading3theme{
    font-size:12px;
    font-weight:bold;
    color:#FF6600;
}
.heading4{
    font-size:11px;
    font-weight:bold;
}
.indexNumber{
    font-size:20px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#FF6600;
    height: 22px;
    margin: 0px auto;
    padding-left: 5px;
    padding-right: 5px;
}
.smallgray{
    vertical-align:middle;
    font-size:11px;
    color:#888;
}
.small{
    vertical-align:middle;
    font-size:11px;
}
.small1{
    vertical-align:middle;
    font-size:10px;
}
.small2{
    font-size:8px;
}
.activeText{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FF6600;
}
.themeColor{
    color:#FF6600;
}
.errMsg{
	font-weight:bold;
	color:#ff0000;
}

/* Folder and Image box */
.imageBox,.imageBoxHighlighted{
	width:90px;
	height:120px;
	float:left;
	text-align:center;
}
.imageBox_theImage{
	width:75px;	/* Width of image */
	height:75px;	/* Height of image */
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom:2px;
}
.imageBox .imageBox_theImage{
	border:1px solid #DDD;	/* Border color for not selected images */
	padding:2px;
}
.imageBoxHighlighted .imageBox_theImage{
	border:1px solid #FF6600;	/* Border color for selected image */
	padding:2px;
}
.imageBoxHighlighted span{	/* Title of selected image */
	background-color: #316AC5;
	color:#FFFFFF;
	padding:2px;
}
.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-family: arial;
	font-size:11px;
	padding-top:2px;
	margin: 0 auto;
}
.imageThumbBox{
	width:75px;	/* Width of image */
	height:75px;	/* Height of image */
        float:left;
	background-position: center center;
	background-repeat: no-repeat;
	border:1px solid #DDD;	/* Border color for not selected images */
	margin: 0 auto;
	margin-bottom:2px;
	padding:2px;
}
.blur{
	filter:alpha(opacity=50);
	opacity:0.5;
}
.focus{
	filter:alpha(opacity=100);
	opacity:1.0;
}
/*****************************************************************************/
/* Popup model dialog box */
.windowBar{
	border:1px solid #FF6600;
	background-color:#FF6600;
	margin:0px;
	padding:0px;
    text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	cursor:move;
}
.windowBar a{
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
}
.previewWin{
	border:2px solid #666666; /*202867;*/
	background-color:#000;
	margin:0px;
	padding:0px;
	display:none;
	width:804px;
	height:450px;
	position:absolute;
	text-align:center;
	z-index:100;/* Always needed	*/
}
#windowCloser{
    text-decoration:none;
    position:absolute;
    right:2px;
    color:#FFF;
}

/*****************************************************************************/
/* Popup menu */
.contextMenu{
	border:1px solid #666666; /*202867;*/
	background-color:#FFF;
	margin:0px;
	padding:0px;
	display:none;
	position:absolute;
}
.menuItems{
	border:1px solid #B0C0AB;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.menuItems li{
	list-style-type:none;
	margin:0px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.menuItems a:hover{
	text-decoration:none;
}
.menuItems a:link{
    text-decoration:none;
    color:#333;
}
.menuItems a:active{
    text-decoration:none;
    color:#333;
}
.menuItems a:visited{
    text-decoration:none;
    color:#333;
}
.menuItems .menuItemHighlighted{
	border:1px solid #666;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	background-color:#FF6600;
}
.menuBar{
	border:1px solid #B0C0AB;
	background-color:#B0C0AB;
	background-image:url('/img/topshade.gif');
	margin:0px;
	padding:0 0 0 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.menuBar a{
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
}
/*****************************************************************************/
/* Portlet Area Style */
.areaHeader{
    font-size:12px;
    font-weight:bold;
    padding:3px;
    padding-left:5px;
    border-bottom:1px solid #CCC;
    background-color:#EEE;
}
.navHeader{
    color:#000;
    font-size:12px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}
.areaBody{
    background-color:#FFF;
    padding:0px;
    border:1px solid;
    border-color:#CCC;
}
.areaContent{
    margin-top:1px;
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
}
.separater{
    border-bottom:2px solid #CCC;
    padding-bottom:1px;
    height:1px;
}
.line{
    border-bottom:1px solid #CCC;
    height:0px;
}
.catLine{
    background-color:#FFF;
    font-size:12px;
    padding-top:3px;
    padding-bottom:3px;
    margin-left:12px;
    margin-right:5px;
    text-decoration:none;
}
.catLine a:link{
    color:#000;
}
.catLine a:visited{
    color:#000;
}
.catLine a:active{
    color:#000;
}
.catLine a:hover{
    color:#000;
}
.catLineActive{
    background-color:#FFF;
    font-size:12px;
    padding-top:2px;
    padding-bottom:2px;
    margin-left:12px;
    margin-right:5px;
    text-decoration:none;
}
.catLineActive a:link{
    color:#FF6600;
}
.catLineActive a:visited{
    color:#FF6600;
}
.catLineActive a:active{
    color:#FF6600;
}
.catLineActive a:hover{
    color:#FF6600;
}
.linkBar{
    width:100%;
    height:30px;
    line-height:30px;
    background:url('/img/graybar.gif') repeat-x bottom;
}
.inactiveLink{
    height:30px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
}
.inactiveLink a:link{
    color:#000;
}
.inactiveLink a:visited{
    color:#000;
}
.inactiveLink a:active{
    color:#000;
}
.inactiveLink a:hover{
    color:#000;
}
.activeLink{
    height:30px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
}
.activeLink a:link{
    color:#FF6600;
}
.activeLink a:visited{
    color:#FF6600;
}
.activeLink a:active{
    color:#FF6600;
}
.activeLink a:hover{
    color:#FF6600;
}
#subLinkBar{
    border-bottom:1px solid #ccc;
    margin-top:10px;
    padding-bottom:19px;
    padding-left:10px;
    font-weight:bold;
}
#subLinkBar a:link, #subLinkBar a:visited  {
    color:#000;
    float:left;
    line-height:14px;
    margin-right:8px;
    padding: 2px 10px 2px 10px;
}
#subLinkBar #tab a {
    color:#FF6600;
    background-color:#eee;
    font-weight:bold;
    text-decoration:none;
    border: 1px solid #ccc;
    border-bottom: 1px solid #eee;
}
.sectionHeader{
    height:25px;
    line-height:25px;
    padding-bottom:3px;
    border-bottom:2px solid #999;
}
.storyRecord {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #CCC;
    width:100%;
    height:100px;
}
#addrBook{
    width:400px;
    height:250px;
    padding:5px;
    background-color:#CCC;
    border:1px solid;
}
/*****************************************************************************/
/* Play Button Style */
.playButton{
    width:34px;
    height:34px;
    right:10px;
    bottom:10px;
    display:none;
    overflow: hidden;
    position:absolute;
    cursor:pointer;
    background: url('/img/playbutton1.gif') no-repeat;
}