/*
Copyright (c) 2008, Samootz. All rights reserved.
Common use elements
*/

.p_clear
{
	clear:both;
	font-size:0;
	height:1px;
	overflow:hidden;
}

.ShortcutMenu a:link, .ShortcutMenu a:visited
{
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}
.ShortcutMenu a:hover
{
    color: #0066ff;
    text-decoration: underline;
}

ul.dotlist li
{
	font-size: 12px;
	list-style: none;
	line-height:1.23;
	margin:0 0 10px 0;
	padding:0 0 0 9px;
	background: url(../images/readme_dot.gif) no-repeat 0px 4px ;
}

.itemMenu
{
	background: url(../images/itemmenu.gif) no-repeat 10px 4px;
	font-size: 11px;
	color:#888;
	padding:8px 0px 7px 18px;
	white-space: nowrap;
	vertical-align: top;
	line-height: 1.0em;
}
.itemMenu2
{
	background: url(../images/itemmenu2.gif) no-repeat 10px 4px;
	font-size: 11px;
	color:#888;
	padding:8px 0px 7px 28px;
	white-space: nowrap;
	vertical-align: top;
	line-height: 1.0em;
}
.itemMenu a:link, .itemMenu a:visited, .itemMenu2 a:link, .itemMenu2 a:visited
{
	padding: 0 6px;
	color: #888;
	text-decoration: none;
}
.itemMenu a:hover, .itemMenu2 a:hover
{
	color: #fff;
	background-color: #3366cc;
}

.settingTitle {
	display: block;
	padding: 4px 30px 4px 38px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #565;
	background: #fff url(../images/arrow.jpg) no-repeat 8px 3px;
	border: 0;
}
.settingTbl
{
	background-color: #f3f2ed;
	position:absolute;
	top: 1px;
	left: 210px;
	font-size: 12px;
	color: #666;
	border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0; border-right:2px solid #888; border-bottom:2px solid #888;
	width:240px;
}
.settingTbl2
{
	background-color: #f3f2ed;
	font-size: 12px;
	color: #666;
	border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0; border-right:2px solid #888; border-bottom:2px solid #888;
}
.settingTbl3
{
	font-size: 12px;
	color: #666;
}

.settingDiv2
{
	margin-top:-4px;
	margin-left:20px;
	background-color: #f3f2ed;
	border-top:2px solid #e0e0e0; border-left:2px solid #e0e0e0; border-right:2px solid #888; border-bottom:2px solid #888;
	width: 680px;
}
.settingPanel
{
	border-top:2px solid #e0e0e0;
	width: 680px;
	background: #fff url(../images/settingpanel_bg.gif) repeat-x bottom left !important;
}
.settingBtn
{
	width:92px;
	margin: 12px 0 12px 40px;
}

.containerSetting a:link, .containerSetting a:visited
{
	color: #003399;
	font-size: 12px;
}
.containerSetting a:hover
{
	color: #0066ff;
}


.comDescription { /* Description of components */
	background: url("../images/GetInfo.jpg") no-repeat 0px 0px;
	margin: 2px 32px 4px 10px;
	padding-left: 20px;
	font-size:12px;
	color: #666666;
	line-height: 1.5em;
}

.dataitemsmall
{
	font-size: 10px;
	color: #999;
}
.dataitem
{
	font-size:12px;
	text-decoration: none;
}
.delitem:link
{
	font-size:12px;
	color: #ff0000;
	text-decoration: none;
}
.delitem:hover
{
	color: #ff9900;
}

.dummyphoto
{
	background: url("../images/thumb75x75_noImg.png") no-repeat center center;
	width: 75px;
	height: 75px;
}

/* HighSlide */
.highslide
{
	cursor: url(http://www.samootz.com/js/hs/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide img {
	border: 2px solid #a9a9a9;
}
.highslide:hover img {
	border: 2px solid #ee82ee;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}

/* for Modal Popup control */
.mdcontrol 
{
	float: right;
	display: block;
	margin-top: -20px;
	margin-right: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.mdcontrol:link, .mdcontrol:visited 
{
	color: #666;
}
.mdcontrol:hover {
	color: black !important;
}

/* Common classes */
.pnErrMsg { /* Error Message */
	width: 780px;
	height: 72px;
	margin-top: 5px;
	padding-top: 1px;
	background: url(../images/mes_bg_alert.png) no-repeat top left;
}
.lbErrMsg {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 80px;
	width: 680px;
	height: 72px;
	vertical-align: middle;
}
.pnDoneMsg { /* OK Message */
	width: 780px;
	height: 72px;
	margin-top: 5px;
	padding-top: 1px;
	background: url(../images/mes_bg_done.png) no-repeat top left;
}
.lbDoneMsg {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 80px;
	width: 680px;
	height: 72px;
	vertical-align: middle;
}
#copydone
{
	font-size:12px;
	font-weight:bold;
	color: #cc3333;
	line-height: 30px;
	padding-left:10px;
}
.savedone
{
	font-size:12px;
	font-weight:bold;
	color: #cc3333;
	line-height: 30px;
	padding-left:20px;
}
.validateMsg
{
	background-color: #fffacd;
}
.nocontents
{
	font-size: 14px;
	color: #666666;
	margin: 30px;
	line-height:200%;
}

.glossz
{
	margin: 5px 0 5px 20px;
	padding: 0;
	width: 682px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossz a.glosszitem
{
	background: black url(../images/glossz.gif) repeat-x bottom left;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
}

.glossz a.glosszitem:visited, .glossz .glosszitem:active
{
	color: white;
}

.glossz a.glosszitem:hover
{
	background-image: url(../images/glossz2.gif);
}
#imgPlus
{
	border:0;
	vertical-align:middle;
	margin-right:6px;
}
#readmetop
{
	overflow:hidden;
	margin:0 0 0 20px;
	background: url(../guide/images/m179_bg.gif) no-repeat 0px 0px;
	width:179px;
	height:30px;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
#readmetop p
{
	margin: 8px 0 0 10px;
}
#readmebottom
{
	margin:0 0 10px 20px;
	background: url(../guide/images/m179bt_bg.gif) no-repeat 0px 0px;
	width:179px;
	height:15px;
}
#readme{
	width:157px;
	margin: 0 0 0 20px;
	padding: 6px 10px 0 10px;
	font-size: 11px;
	border: solid 1px #a9c2e3;
	background: #FFFDF4;
}
#readme ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#readme li
{
	line-height:1.23;
	margin:0 0 10px 0;
	padding:0 0 0 9px;
	background: url(../images/readme_dot.gif) no-repeat 0px 4px ;
}