/* Flair Models CSS Document */

* {
	margin:0px;
	padding:0px;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background:url(../img/fmbg.png);
}
h1 {
	font-size:18px;
	font-weight:bold;
	color:#900;
	padding-bottom:10px;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#300;
	padding-bottom:10px;
}
h3 {
	font-size:12px;
}
p {
	margin-top:10px;
	margin-bottom:10px;
}
hr {
	margin-top:10px;
	margin-bottom:10px;
}
a:link,
a:active,
a:visited {
	color:#009;
	text-decoration:underline;
}
a:hover {
	color:#900;
	text-decoration:none;
}
a img {
	border:none;
}
ul {
	margin:10px 10px 10px 20px;
}
li {
	margin-left:10px;
}


/* LAYOUT */
#wrap {
	width:850px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#header {
	height:60px;
	background:url(../img/header.png) no-repeat left bottom;
	margin-left:15px;
}
#rightpanel {
	position:absolute;
	width:150px;
	top:0px;
	left:670px;
	text-align:center;
	background:url(../img/fm.png) no-repeat center 20px #000;
	padding-top:120px;
}
#rightpanel_fade {
	height:130px;
	background:url(../img/rightpanel_fade.png) repeat-x bottom;
}
#design {
	background:url(../img/layout_02.png) repeat-y;
	padding-top:20px;
}
#topdesign {
	width:850px;
	height:40px;
	background:url(../img/layout_01.png) no-repeat;
	padding-left:30px;
}
#btmdesign {
	width:850px;
	height:40px;
	background:url(../img/layout_03.png) no-repeat;
}
#footer {
	color:#999;
	padding-left:30px;
	padding-bottom:20px;
	font-size:10px;
}


/* topnavigation */
#topnavigation {
	position:relative;
	margin-left:30px;
	z-index:120;
	top:14px;
}
#topnavigation a:link,
#topnavigation a:active,
#topnavigation a:visited {
	font-weight:bold;
	color:#900;
	text-decoration:none;
	margin-right:20px;
}
#topnavigation a:hover {
	color:#fc0;
}

/* btmnavigation */
#btmnavigation {
	margin-left:25px;
	font-size:10px;
	color:#999;
}
#btmnavigation a:link,
#btmnavigation a:active,
#btmnavigation a:visited {
	color:#999;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
}
#btmnavigation a:hover {
	color:#900;
}

/* NAVIGATION */
#navigation {
	padding-top:25px;
	position:relative;
	z-index:100;
}
#navigation a:link,
#navigation a:active,
#navigation a:visited {
	font-weight:bold;
	color:#333;
	text-decoration:none;
	margin-right:20px;
}
#navigation a:hover {
	color:#900;
}


/* DROP DOWN */
.mainmenu {
	float:left;
	position:relative;
}
.mainmenu a {
	display:block;
}
.submenu {
	position:absolute;
	padding-top:5px;
	margin:0px 0 10px 5px;
	background:url(../img/shadow.png) bottom right no-repeat;
	z-index:110;
}
.submenu_shadow {
	position:relative;
	right:6px;
	bottom:6px;
	border:1px solid #999;
	background:url(../img/submenubg.png) repeat-y #fff;
}
.submenu a:link,
.submenu a:active,
.submenu a:visited {
	display:block;
	margin:0px !important;
	padding:5px 5px 5px 10px;
	white-space:nowrap;
	font-size:10px;
}
.submenu a:hover {
	background:#393939;
	color:#fff !important;
}


/* CONTENT */
#content {
	margin:0px 185px 0px 30px;
	padding:15px;
	border:1px solid #ccc;
	line-height:17px;
}
#content h1.withfunc {
	float:left;
}
#splash {
	background:#000;
	padding:5px;
	text-align:center;
}
#msg {
	color:#000;
	font-weight:bold;
	padding:4px 4px 4px 30px;
	margin-bottom:20px;
	background:url(../img/quote.gif) no-repeat 5px 2px;
}
.bg_image {
	background:url(../img/bg_image.png) no-repeat 370px bottom;
}
.bg_profile {
	background:url(../img/bg_profile.png) no-repeat 420px bottom;
}


/* FUNCTIONS */
.func {
	position:relative;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	border:1px solid #DFDFED;
}
a.func:link,
a.func:active,
a.func:visited {
	float:right;
	width:50px;
	margin-right:5px;
	padding:45px 5px 5px 5px;
	text-decoration:none;
	background-position:center 5px;
	background-repeat:no-repeat;
}
a.func:hover {
	background-color:#f9f9f9;
	border:1px solid #D5D5D5;
	border-top-color:#999;
	border-top-width:3px;
	padding:46px 5px 2px 5px;
	background-position:center 7px;
}

.btn_upload {
	background-image:url(../img/btn_upload.gif);
}
.btn_ok {
	background-image:url(../img/btn_ok.gif);
}
.btn_next {
	background-image:url(../img/btn_next.gif);
}
.btn_back {
	background-image:url(../img/btn_back.gif);
}
.btn_edit {
	width:65px !important;
	background-image:url(../img/btn_edit.gif);
}
.btn_edit_img {
	width:65px !important;
	background-image:url(../img/btn_edit_img.gif);
}
.btn_img {
	background-image:url(../img/btn_img.gif);
}
.btn_lock {
	background-image:url(../img/btn_lock.gif);
}
.btn_reset {
	background-image:url(../img/btn_reset.gif);
}
.btn_search {
	background-image:url(../img/btn_search.gif);
}
.btn_email {
	background-image:url(../img/btn_email.gif);
}
.btn_new {
	background-image:url(../img/btn_new.gif);
}
.btn_save {
	background-image:url(../img/btn_save.gif);
}


/* TABLE DETAILS */
.tbldetails {
	width:100%;
	position:relative;
}
.tbldetails tr {
}
.tbldetails th {
}
.tbldetails td {
	padding:3px;
}
.fieldlabel {
	width:150px;
	font-weight:bold;
}
.tbldetails .txt,
.tbldetails .sel {
	width:200px;
}
.tbldetails .txtarea {
	width:530px;
	height:100px;
}


/* SEARCH LIST */
.srchdetails {
	width:100%;
	position:relative;
}
.srchdetails td {
	padding:2px;
}
.srchdetails .txt,
.srchdetails .sel {
	width:160px;
}


/* OTHER LIST */
.tbllist {
	position:relative;
}
.tbllist td {
	padding:3px;
}
.simplelist {
}
.simplelist tr {
}
.simplelist td {
	padding:0px 2px 0px 2px !important;
	border:none !important;
}


/* FORM */
.txt, .btn, .sel, .calendar {
	font-size:10px;
}
.txtarea {
	background:none;
	border:1px solid #7F9DB9;
}
.txtshort {
	width:40px !important;
}
.error_message {
	display:inline;
	color:#900;
	font-style:italic;
}


/* WINLET */
.winlet {
	background:url(../img/winlet_02.png) repeat-y;
}
.topwinlet {
	height:27px;
	background:url(../img/winlet_01.png) no-repeat;
	padding:18px 0px 0px 35px;
	font-weight:bold;
	font-size:12px;
	color:#300;
}
.winletcont {
	padding:0px 25px 0px 25px;
}
.winletcont h3 {
	color:#fff;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	border-top:2px solid #9DB2C5;
	border-bottom:2px solid #9DB2C5;
	background:url(../img/thbg.png) repeat-x;
}
.btmwinlet {
	height:29px;
	background:url(../img/winlet_03.png) no-repeat;
}


/* LOGIN */
#loginlayer {
	color:#fff;
	text-align:right;
	font-size:9px;
	padding:10px 5px 5px 5px;
	line-height:20px;
}
#loginlayer a {
	font-weight:bold;
	color:#fff;
}
#loginlayer .txt {
	width:130px;
}
#loginlayer h3 {
	font-size:10px;
	line-height:17px;
}


/* IMAGE */
#imageTextCache {
	font-size:10px;
	color:#003;
	padding-bottom:15px;
}
.thumb {
	float:left;
	clear:left;
	background:url(../img/shadow.png) bottom right no-repeat;
	text-align:center;
}
.thumb_shadow {
	position:relative;
	right:6px;
	bottom:6px;
	padding:4px;
	border:1px solid #999;
	background:#fff;
	font-size:10px;
}
.thumb_shadow:hover {
	right:4px;
	bottom:4px;
}
.thumb a:link,
.thumb a:active,
.thumb a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#545454;
}
.thumb a:hover {
	color:#900;
}
.thumb select {
	font-size:9px;
}

#uploadStatus {
	font-weight:bold;
	color:#900;
	position:relative;
	background:#ffc;
}
.isprimary {
	background:#cfc !important;
}
.primary {
	float:left;
	clear:left;
	background:url(../img/shadow.png) bottom right no-repeat;
}
.primary_shadow {
	position:relative;
	right:6px;
	bottom:6px;
	padding:4px;
	border:1px solid #999;
	background:#fff;
}
.brand {
	color:#545454 !important;
	font-weight:normal !important;
	font-size:9px !important;
}


/* PAGINATION */
#pagination {
	text-align:center;
	font-size:10px;
	color:#333;
	border-top:1px solid #deded9;
	position:relative;
}
#pagination a:link,
#pagination a:active,
#pagination a:visited {
	text-decoration:none;
	color:#600;
	font-weight:bold;
}
#pagination a:hover {
	color:#006;
}
#pagination .big {
	font-size:12px;
	font-weight:bold;
}


/* CLASS */
.clear {
	clear:both;
}
.hide {
	display:none;
}
.gray {
	color:#999;
	font-style:italic;
}
.smallfont {
	font-size:9px;
}
.separator {
	border:1px solid #ccc;
	margin:2px 0px 2px 0px;
}
.spacer {
	margin:4px 0px 4px 0px;
}
a.yes {
	color:#0c0;
	font-weight:bold;
	text-decoration:none;
}
a.no {
	color:#c00;
	font-weight:bold;
	text-decoration:none;
}
.alt {
	background:#f9f9f9;
}



/* ADMIN */
.adminlist {
	width:100%;
	position:relative;
}
.adminlist tr {
	background:#fff;
}
.adminlist td {
	padding:10px 5px 10px 5px;
	border-top:3px solid #f4f4f9;
	border-bottom:3px solid #f4f4f9;
}

.adminbtn {
	display:block;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:2px;
	font-size:10px;
	text-align:center;
}
a.adminbtn:link,
a.adminbtn:active,
a.adminbtn:visited {
	border-top:1px solid #f4f4f4;
	border-left:1px solid #f4f4f4;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
}
a.adminbtn:hover {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	background:#f9f9f9;
}

.adminfuncbtn {
	float:right;
	padding:2px;
	margin-left:4px;
	margin-bottom:5px;
	position:relative;
}
a.adminfuncbtn:link,
a.adminfuncbtn:active,
a.adminfuncbtn:visited {
	border-top:1px solid #f4f4f4;
	border-left:1px solid #f4f4f4;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
a.adminfuncbtn:hover {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	background:#f9f9f9;
}


/* EMAIL */
.divsel {
	width:480px;
	position:relative;
}
.divsel img {
	height:14px;
}
.esel {
	position:absolute;
	width:473px !important;
	left:3px;
	top:35px;
	font-size:10px;
}
.etxt {
	width:473px;
	font-size:10px;
}
.etxtarea {
	width:530px;
	height:300px;
}
.tofield {
	width:473px;
	height:35px;
	font-size:11px;
}



