/*
Generics
*/
body, html
{
margin: 8px;
padding: 0px;
color: #404040;
FONT: small/1.2em arial,helvetica,clean,sans-serif;
background-color: #FFFFFF;
}


/* Headers */
h1
{
color: #364683;
font-size: 140%;
font-weight: normal;
padding: 15px 0px 15px 0px;
margin: 0px;
}

h2
{
font-size: 120%;
color: #333333;
padding: 0px 0px 8px 0px;
margin-top: -5px;
margin-bottom: 15px;
font-weight: normal;
}
h3
{
font-size: 110%;
color: #333333;
padding: 0px 0px 8px 1px;
margin-top: -5px;
margin-bottom: 10px;
}

img{border: none;}

/* Links */

A:LINK
{
color: #364683;
text-decoration: none;
}

A:ACTIVE
{
color: #364683;
text-decoration: none;
}

A:VISITED
{
color: #364683;
text-decoration: none;
}

A:HOVER
{
text-decoration: underline;
}

/**
Form Elements 
**/ 
select 
{ 
color: #336699;
font-size: 110%;
} 
textarea
{ 
font-size: 100%;
font-family: Arial, Verdana, Helvetica;
} 
input
{ 
font-size: 100%;
font-family: Arial, Verdana, Helvetica;
}
button
{
font-size: 100%;
font-family: Arial, Verdana, Helvetica;
}

/* Ñommon */
#Common
{
	width:100%;
	margin: 0px auto;
	max-width: 85em;
/*	width: expression(documentElement.clientWidth > 1000 ? "980px" : "auto");*/
	width: 69em;
}

#CommonBody
{
}

#CommonHeader
{
}

#CommonFooter
{
margin-top: 20px;
padding: 8px;
padding-left: 10px;
border-top: solid 1px #bbbbbb;
font-size: 77%;
}

.CommonContentArea
{
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
border: solid;
border-width: 1px;
border-color: #ffffff;
text-align: left;
}

.CommonContent
{
padding: 2px 0px 3px 0px;
font-size: 100%;
}

.CommonManagerArea
{
}

/* Splitter Styles */
.SplitterBar
{ 
border: 1px solid #bbbbbb;
border-top: none;
border-bottom: none;
background-color: #F9F9F9;
}

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
  opacity: 0.6;
}

.SplitterPane
{
	vertical-align:top;
}

.SplitterListHeading
{
padding: 2px;
color: #000000;
text-align: center;
background-color: #bbbbbb;
background-image: none;
border-style: none;
border-width: 0px;
font-size:100%;
font-weight: normal;
margin: 0px;
}

.TreeView
{
padding: 0px;
}
.Node
{
font-size: 85%;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.SelectedNode
{
font-size: 85%; 
background-color: #ffffcf; 
border: solid 1px #ffd283;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.HoverNode
{
font-size: 85%; 
background-color: #ffebba;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.HoverPopupNode
{
font-size: 100%; 
background-color: #ffebba;
padding: 2px 5px 2px 5px;
cursor: pointer;
}


/* Status Message */
.CommonMessageSuccess
{
	padding: 8px;

	font-size: 100%;
	color: #334433;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #cfe7c0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.CommonMessageError
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;

	font-size: 100%;
	color: #443333;
	font-weight: bold;
	border: solid 1px #999999;
	background-color: #EBD9D9;
}

/* Text Button */

.CommonTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #eeeeee;
	color: #333333;

	font-size: 80%;
	font-weight: bold;
	white-space: nowrap;
}

.CommonTextButton:LINK
{
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButton:VISITED
{
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButton:ACTIVE
{
	text-decoration: none;
	color: #333333;
}

.CommonTextButton:HOVER
{
	text-decoration: underline;
	color: #333333;
	background-color: #dddddd;
}

.CommonTextButtonBig
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #eeeeee;
	color: #333333;

	font-size: 120%;
	white-space: nowrap;
}

.CommonTextButtonBig:LINK
{
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButtonBig:VISITED
{
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButtonBig:ACTIVE
{
	text-decoration: none;
	color: #333333;
}

.CommonTextButtonBig:HOVER
{
	text-decoration: underline;
	color: #333333;
	background-color: #dddddd;
}

.CommonImageTextButton
{
display: inline-table;
display: -moz-inline-box;
display: inline-block;
padding: 4px;
margin: 1px;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-top-color: #cccccc;
border-left-color: #cccccc;
background-color: #eeeeee;
color: #333333;

font-size: 80%;
font-weight: bold;
background-repeat: no-repeat;
background-position: 1px 1px;
padding-left: 22px;
line-height: normal;
white-space: nowrap;
}

.CommonImageTextButton:LINK
{
text-decoration: none;
color: #333333;
margin: 1px;
}

.CommonImageTextButton:VISITED
{
text-decoration: none;
color: #333333;
}

.CommonImageTextButton:ACTIVE
{
text-decoration: none;
color: #333333;
}

.CommonImageTextButton:HOVER
{
text-decoration: underline;
color: #333333;
background-color: #dddddd;
}
/*Search Results*/

.CommonSearchResultArea
{
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #eeeeee;
	margin: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.CommonSearchResultArea h4
{
	font-size:110%;
	margin-bottom: 5px;
	font-weight:normal;
}

.CommonSearchResult
{
	color: #000000;

	font-size: 100%;
	line-height: 20px;
}

.CommonSearchResultName
{
	color: #738AC4;
	font-size: 150%;
	font-weight: normal;

	padding: 4px;
	padding-left: 0px;
	margin: 0px;
}

.CommonSearchResultDetails
{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #999999;

	font-size: 80%;
}

.CommonSearchStatistics
{
	font-size: 80%;
	margin-top: 8px;
	margin-bottom: 16px;
}

UL.CommonSearchResultList
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Lists */

UL.CommonFloatList
{
margin: 0px;
padding: 0px;
list-style-type: none;
white-space:nowrap;
}

UL.CommonFloatList LI
{
margin-bottom: 8px;
clear: both;
}


.CommonListHeaderLeftMost
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #eeeeee;
	background-color: #eeeeee;
	color: #666666;

	font-size: 80%;
	font-weight: bold;
}

.CommonListHeader
{
	text-align: left;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-color: #eeeeee;
	background-color: #eeeeee;
	color: #666666;

	font-size: 80%;
	font-weight: bold;
}

.CommonListCellLeftMost
{
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #eeeeee;
	color: #333333;

	font-size: 80%;
}

.CommonListCell
{
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-color: #eeeeee;
	color: #333333;

	font-size: 80%;
	text-align: left;
}


/* Fields */
.CommonFormArea
{
}

.CommonFormTitle
{
color: #999999;
font-size: 140%;
font-weight: bold;
padding: 4px;
padding-left: 0px;
margin: 0px;
}

.CommonFormDescription
{

padding: 2px;
padding-left: 0px;
padding-bottom: 8px;
padding-top: 8px;
}
TD.CommonFormFieldName
{
color: #666666;
padding: 2px;
padding-right: 8px;
font-weight: bold;
}

DIV.CommonFormFieldName
{
color: #666666;
padding: 2px;
padding-top: 8px;
font-weight: bold;
}

TD.CommonFormFieldDescription
{

color: #000000;
padding: 2px;
font-size: 90%;
font-weight: normal;
}

DIV.CommonFormFieldDescription
{

color: #000000;
padding: 2px;
font-size: 90%;
font-weight: normal;
}

TD.CommonFormField
{

color: #000000;
padding: 2px;
}

DIV.CommonFormField
{

color: #000000;
padding: 2px;
}

/* Modal Styles */

.CommonModalMask
{
opacity: .4;
filter: alpha(opacity=40);
background-color: #333333;
}

.CommonModal
{
border: solid 1px #E0E0E0;
border-right: solid 3px #E0E0E0;
border-bottom: solid 3px #E0E0E0;
background-color: #eeeeee;
}

.CommonModalTitle
{
height: 18px;
font-size: 16px;
padding: 5px;
padding-bottom: 7px;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #E0E0E0;
background-color: #F9F9F9;
color: #364683;
font-weight: bold;
cursor: move;
overflow: hidden;
}

.CommonModalClose
{
width: 33px;
height: 12px;
background-image: url(../images/common/close.gif);
background-repeat: no-repeat;
overflow: hidden;
cursor: pointer;
float: right;
}

.CommonModalContent
{
background-color: #ffffff;
}

.CommonModalFooter
{
border-style: solid;
border-width: 0px;
border-top-width: 1px;
border-color: #E0E0E0;
background-color: #eeeeee;
padding: 2px;
}

.CommonModalResize
{
width: 14px;
height: 14px;
background-image: url(../images/common/resize.gif);
background-repeat: no-repeat;
overflow: hidden;
float: right;
cursor: se-resize;
}

/*
Blocks 
*/

.block
{
	border:solid 1px #C8C8C8;
	background: #ffffff url(../images/pos/gr_down.gif) repeat-x bottom;
	padding: 3px 10px 3px 10px;
}
.topMenu .block
{
	height:1.5em;
	white-space:nowrap;
	background: #ffffff url(../images/pos/gr_up.gif) repeat-x bottom;
}
.yelblock .block {border: solid 1px #ffd283;background:#FFFFCF;margin-top:3px;} 
.main .block { margin:0px; padding: 8px 10px 10px;}
.mainIntern {background-color:white;border: solid 1px #C8C8C8;}
/*
Titled Blocks
*/
.titledtbl
{
	background-color: #FCFCFC;
	border-collapse:collapse; 
	font-size: 90%; 
	width: 100%;
	margin:0 0 10px;
	border: solid 1px #C8C8C8; 
}
.titledhr
{
	border-bottom: solid 1px #C8C8C8; 
	padding: 5px 5px 5px 10px; 
	text-align:left; 
	font-weight:bold; 
	color: #364683; 
	white-space:nowrap; 
	background-color: #F9F9F9;
}

.titledcont{padding: 10px 15px 10px 15px;}

/*
Lines
*/
.ln_tbl{background-color: #F9F9F9; border:solid 1px #C8C8C8;white-space:nowrap;padding:5px;}
.longBtn .ln_tbl{margin:5px 0 5px;}


/* Tables */
.full, .Collapsed100
{
border-collapse:collapse;
width: 100%;
}
.min{width:1%}
.collage{background:transparent url(../images/pos/logo.jpg) no-repeat; white-space:nowrap}

/* BreadCrumb */
#breadCrumb
{
white-space:normal; 
}
#breadCrumb a, #breadCrumb a:visited, #breadCrumb a:link 
{
color: #3787A5;
text-decoration: none;
white-space:nowrap;
}
#breadCrumb a:Hover 
{ 
color: #00A8EC; 
text-decoration: none; 
white-space:nowrap; 
} 
/* Key words */
.kw, a.kw, a.kw:LINK, a.kw:VISITED, a.kw:ACTIVE
{
color:#b5b9c0;
text-decoration: none;
}

/* Title */
td.titleR
{
text-align:right;
background-repeat:repeat-x;
background-image: url(../images/rep/top_collage_2-line.jpg);
}
img.titled
{
vertical-align: bottom;
}

/* Title */
.topCol
{
width:100%; 
height:99px; 

}
.loginMenu
{
border-collapse:collapse;
text-align:left;
margin-top: 3px;
}
.loginMenu td
{
padding: 1px 5px 1px 5px;
}
.topMenu{margin-top:2px;}
.topMenu img
{
vertical-align: bottom;
padding: 0 3px 0 3px;
border:none;
}
.topMenu a
{
text-decoration:none;
}
.topMenu
{
border-collapse:collapse;
width: 100%;
}
.menu
{
border-collapse:collapse;
margin-top:5px;
}
.menu div
{
	padding: 0 0 0 50px;
	height:2.3em;
	white-space: nowrap;
}
.menu a, table.menu a:hover{text-decoration:none;}
.menu .t1{width:7em;background: transparent url(../images/pos/catalogue.gif) no-repeat top left;}
.menu .t2{width:7em;background: transparent url(../images/pos/board.gif) no-repeat top left;}
.menu .t3{width:7em;background: transparent url(../images/pos/addinfo.gif) no-repeat top left;}
.menu .t4{width:7em;background: transparent url(../images/pos/favourites.gif) no-repeat top left;}


.menu td
{
text-align:left;
white-space: nowrap;
padding:5px;
margin:1px;
vertical-align:middle;
}
td .hov
{
	background: #ffffff url(../images/pos/gr_up.gif) repeat-x top;
	cursor:pointer;
	margin:0px;
}
td .selected
{
	background: #ffffff;
	border:solid 1px #C8C8C8;
}
td .btw{border:none;}

/* Menu */
.regMenu
{
width:100%;
}
.regMenu td
{
padding-left: 30px;
height:19px;
}
.regMenu .r1
{
background:transparent url(../images/rep/profile.jpg) no-repeat left;
width: 14em;
}
.regMenu .r2
{
background:transparent url(../images/rep/photogallery.jpg) no-repeat left;
width: 8.7em;
}
.regMenu .r3
{
background:transparent url(../images/rep/filegallery.jpg) no-repeat left;
width: 5em;
}
.regMenu .r4
{
background:transparent url(../images/rep/exit.jpg) no-repeat left;
width: 7em;
}
.regMenu .r5
{
text-align:right;
white-space:nowrap;
}

ul.horizontal
{
	padding: 0;
	margin: 0;
	float: left;
	display:inline;
	list-style: none;
}

ul.horizontal li
{
	float: left;
	padding-right:20px;
}
a.searchShow, 
a.searchShow:visited, a.searchShow:link 
{
	background:transparent url(../images/rep/arrow_down.gif) no-repeat left;
	padding-left: 15px;
	font-size: 80%;
	color: #3787A5;
}
a.searchHide, 
a.searchHide:visited, a.searchHide:link 
{
	background:transparent url(../images/rep/arrow_up.gif) no-repeat left;
	padding-left: 15px;
	font-size: 80%;
	color: #3787A5;
}
.pagingArea
{
	font-size: 90%;
	padding: 4px;
	font-weight: bold;
	text-align:right;
	white-space:nowrap;
}
.curPageArea
{
	font-size: 90%;
	padding: 4px;
	font-weight: bold;
	text-align:center;
	white-space:nowrap;
}
.rssArea
{
	padding: 4px;
	text-align:right;
}
.txt4{font-size:80%}


/* Lists */
ul.cmnLstWrap, ul.cmnLst
{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 100%;
}
ul.cmnLst{white-space:nowrap;}
ul.cmnLst li, ul.cmnLstWrap li
{
margin-bottom: 7px;
margin-top: 7px;
clear: both;
}
.cmnLstWrap hr
{
color:#C8C8C8;
height: 1px;
}

ul.sbjList
{
margin:20px 0 10px 0px;
padding:0px;
list-style-type: none;
}

ul.sbjList li
{
margin-bottom: 10px;
clear: both;
}

.sbjList li a, .sbjList li a:visited, .sbjList li a:link 
{
	font-weight:bold;
	color: #102970;
	text-decoration: none;
}
 .sbjList li a:hover
 {
	text-decoration: underline;
 }

.sbjList li a.sub, .sbjList li a.sub:visited, .sbjList li a.sub:link 
{
	font-size: 100%;
	color: #2372c3;
	text-decoration: none;
	font-weight:normal;
}
.sbjList li a.sub:hover
{
	text-decoration: underline;
}

.regList
{
	margin-top: 10px;
}

UL.branchList
{
	list-style-type: decimal;
}
UL.branchList li
{
	vertical-align: middle;
	font-weight: bold;
}

/* Subject Select Control */
.subjSelAll 
{
	color: blue;
}
.subjSelChoose
{
	color: #111111;
}

/* Edit Profile */
.descrip
{
	font-style:italic;
	font-weight:normal;
	font-size: 85%;
}

.formTbl TD.CommonFormFieldName
{
	color: #666666;
	padding: 2px;
	padding-right: 8px;
	font-weight: bold;
	width: 16em;
}

.formTbl
{
	border-collapse:collapse;
	width: 100%;
}
.formTbl td
{
	border-top: solid 1px #C8C8C8;
	padding: 3px 14px 2px 0;
}
.formTbl .CommonFormField td
{
	border:none;
}
.formTbl img
{
	padding-left: 3px;
}

/* Search Results */
.tblSrcRes
{
	width:100%;
}

.tblSrcRes .l
{
border: solid 1px #E0E0E0;
background-color: #FFFFFF;
border-right: none;
padding: 5px 0 5px 10px;
width: 1%;
}
.tblSrcRes .mt
{
border-top: solid 1px #E0E0E0;
border-right: solid 1px #E0E0E0;
background-color: #FFFFFF;
padding: 5px 5px 5px 10px;
vertical-align:top;
}
.tblSrcRes .mb
{
	color:#888899;
	background-color: #FFFFFF;
	padding: 10px 0 10px 10px;
	vertical-align:bottom;
	border-bottom: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}
.tblSrcRes .mb a
{
	color:#888899;
}
.tblSrcRes .mt h2
{
font-size: 110%;
margin: 0px 0px 0px 0px; 
padding: 7px 0px 7px 0px;
}
.tblSrcRes .mt h3 a
{
	color:#285979;
	text-decoration: none;
	vertical-align:top;
	font-weight: normal;
}
.tblSrcRes .mt h3 img
{
	padding-right:5px;
}
.greyTxt 
{ 
color: #9A9A9A;
font-weight: bold; 
}
.greyTxt a, .greyTxt a:LINK, .greyTxt a:VISITED
{
color: #9A9A9A;
font-weight: bold; 
}
h2.AdvHeader 
{
font-size: 100%; 
color: #404040;
font-weight: bold;
margin: 3px 0px 3px 0px; 
padding: 0px 0px 0px 0px;
}

#posContent
{
padding: 0 15px 0 15px;
}


.regList a, .regList a:visited, .regList a:link 
{ 
	color: #364683; 
	text-decoration: none;
} 
.regList a:Hover 
{ 
	color: #2372c3; 
	text-decoration: underline; 
} 

.catTable td
{
	padding: 7px 3px 7px 3px;
}


/* Links */
a.black, a.black:LINK, a.black:VISITED, a.black:ACTIVE, a.black:HOVER
{
	color:#333333;
	text-decoration: none;
}
a.yelBtn
{
margin: 1px;
padding: 4px 7px 4px 7px;
border: solid 1px #ffd283;
background-color: #ffffcf;

font-weight: bold;
white-space: nowrap;
color: #102970;
}

a.yelBtn:LINK
{
background-color: #ffffcf;
text-decoration: none;
}
a.yelBtn:HOVER
{
background-color: #ffebba;
text-decoration: none;
}
#trPlan{display:none}
/* Profile gallery */
div.pic, div.brdImg{
float: left;
height: 81px;
width: 81px;
border: solid 1px #CDDEEE;
overflow:hidden;
padding: 0px;
text-align: center;
}
div.pic span, div.brdImg span {
margin: 3px;
display: block;
height: 75px;
width: 75px;
overflow:hidden;
}
/* Board img */
div.pic{margin: 0px 10px 20px 10px;}
div.brdImg{float:left;margin-right: 10px}

.clpsPnlHeader
{
	background: #ffffff url(../images/pos/gr_down.gif) repeat-x bottom;
	border: solid 1px #C8C8C8;
	color: #364683; 
	padding:3px 3px 3px 10px; cursor: pointer; vertical-align: middle;	
}
.clpsPnlBody
{
	border: solid 1px #C8C8C8;
	display: block;
}
.clpsPnlHint
{
	font-size:80%;
	float: left; 
	margin-left: 20px;
	font-style:italic;
}