/* STRUCTURE > MISC
/////////////////////////////////////////////////////*/

* { font-family: Verdana; font-size: 11px; }
body { margin: 10px; }
div.wrapper {background: #FFF; border: 1px solid #C4C4C4; width: 965px; margin: 0 auto 0 auto;}
div.wrapper div.content {background: none; border-bottom: 5px solid #F7F7F7;}
div.wrapper div.header {height: 80px; position: relative; background-position: 0 0; border-bottom: 1px solid #EEE;}
div.wrapper div.header a.logoLink {width: 200px; height: 126px; text-decoration: none; float: left; border: 0; background-position: 0 0;}

/* STRUCTURE > LOGIN
/////////////////////////////////////////////////////*/

.auth-box {
    color: #555555;
    width: 300px;
    margin: 30px auto;
    padding: 10px;
    border: 1px solid #e1e1e1;
    background-color: #FCFCFC;
}

.auth-box td { height: 25px; }
.auth-box input { font-weight: normal; border: 1px solid #d1d1d1; background-color: #FEFEFE; font-size: 10px; padding: 2px; }

.content-box {
    color: #555555;
    width: 700px;
    margin: 30px auto 30px auto;
    text-align: center;
    padding: 10px;
    border: 1px solid #e1e1e1;
    background-color: #FCFCFC;
}

.content-box input { font-weight: normal; border: 1px solid #d1d1d1; background-color: #FEFEFE; font-size: 10px; padding: 2px; }

/* STRUCTURE FRONT > CONTENT
/////////////////////////////////////////////////////*/

div.wrapper div.content {border-top: 5px solid #F7F7F7;}
div.wrapper div.content blockquote.leftContent h3 {font:normal 18px/20px Arial, Helvetica, sans-serif;}
div.wrapper div.content blockquote.middleContentExtended {padding-bottom:30px;}
div.wrapper div.content blockquote.fullContent {width:940px; border:0 !important;}
html>body div.wrapper div.content blockquote.fullContent {width:auto;}
div.wrapper div.footer ul.navFooter {width:auto;}

/* MEMBERS STRUCTURE > HEADER NAVBAR
/////////////////////////////////////////////////////*/

ul.headerNav, ul.headerNav * {margin: 0; padding: 0; list-style: none;}
ul.headerNav {position: absolute; bottom: 10px; right: 15px;}
ul.headerNav li{ font: normal 11px/25px Verdana, Arial, Helvetica, sans-serif; float: left;}
		
ul.headerNav li a:link,
ul.headerNav li a:active,
ul.headerNav li a:visited,
ul.headerNav li a:hover
{font: normal 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #1fa1df; padding: 0 10px 0 10px; display: block; background: #FFF; border: 1px solid #EEE;}

ul.headerNav li a:hover {color: #1fa1df; border: 1px solid #C9C9C9;}

/* MEMBERS STRUCTURE > MEMBERS OPTIONS
/////////////////////////////////////////////////////*/
dl.baseMembersOptions {background:#FAFAFA; border:1px solid #EEE; width:100px; margin:20px 0 0 6px;}
html>body dl.baseMembersOptions {margin:20px 0 0 7px;}
dl.baseMembersOptions * {margin:0 !important; padding:0;}
dl.baseMembersOptions dt, dl.baseMembersOptions dd {margin:0; padding:0;}
dl.baseMembersOptions dt {background:#FFF; padding:3px 10px 10px 10px; height:100px; margin: auto; text-align: center;}
dl.baseMembersOptions dd {padding:10px; border-top:1px solid #EEE;}
dl.baseMembersOptions dd span.optionImage {display:block;}
	
dl.baseMembersOptions dt p.optionTitle,
dl.baseMembersOptions dt p.optionTitle a:link,
dl.baseMembersOptions dt p.optionTitle a:active,
dl.baseMembersOptions dt p.optionTitle a:visited,
dl.baseMembersOptions dt p.optionTitle a:hover
{display:block; font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#0054A8; text-align:center; padding-bottom:3px;}

dl.baseMembersOptions dd a:link,
dl.baseMembersOptions dd a:active,
dl.baseMembersOptions dd a:visited,
dl.baseMembersOptions dd a:hover
{display:block; font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#0054A8; text-decoration:underline; text-align:center;}

/* STRUCTURE > FOOTER
/////////////////////////////////////////////////////*/

div.wrapper div.footer { text-align: center; clear: both; padding: 10px;}	
html>body div.wrapper div.footer {width:auto;}
div.wrapper div.footer span { width: 100%; font-family: verdana; font-size: 10px; color: rgb(102, 102, 102); text-align: center; }

/* STRUCTURE > FOOTER > COPYRIGHT
/////////////////////////////////////////////////////*/
div.wrapper div.footer p.copyright {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-top:20px;}

/* Table Layouts */
.fieldEntry {
	border-top: #aaa 1px solid;
	border-right: #aaa 1px solid;
	border-left: #aaa 1px solid;
	width: 95%;
	margin: auto;
	background-color: white;
}

.dvtCellLabel, .cellLabel {
	background-color:#f5f5ff;
	padding-right:10px;
	padding-left:10px;
	border-bottom:1px solid #aaa ;
	border-top:1px solid #ffffff ;
	color:#545454;
	white-space:nowrap;
	width: 20%;
	text-align: left;
}

.dvtCellInfo, .cellInfo {
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	border-bottom:1px solid #aaa;
	width: 30%;
	text-align: left;
}

.cellLabel_ar {
	background-color:#f5f5ff;
	padding-right:10px;
	padding-left:10px;
	border-bottom:1px solid #aaa ;
	border-top:1px solid #ffffff ;
	color:#545454;
	white-space:nowrap;
	width: 20%;
	text-align: right;
	direction: rtl;
}

.cellInfo_ar {
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	width: 30%;
	text-align: right;
	direction: rtl;
}

.tableList table { border: 1px solid #e1e1e1; }
.tableList tr:hover { color: black; background-color: #f5f5f5; }
.tableList td { border: 1px solid #e1e1e1; text-align: center; padding: 5px 2px 5px 2px; }

.fieldEntry td:hover { background-color: #f5f5f5; }
.fieldEntry select, input, textarea { margin-top: 10px; padding: 2px; }
.fieldEntry select, textarea { border: 1px solid gray; }
.fieldEntry select { width: 170px; }

/** Pagination **/
div.pagination {
	padding: 3px;
	margin: 10px 3px 2px 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
	background-color: white;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.add { background-image:url(images/icons/fam/add.gif) !important; }
.option { background-image:url(images/icons/fam/plugin.gif) !important; }
.remove { background-image:url(images/icons/fam/delete.gif) !important; }
.save { background-image:url(images/icons/save.gif) !important; }