/* @group Flexi Div */

/* Wrapper, determine the size */

.flexi-wrapper3 {
	width : 300px;
	margin-left : 10px;
	margin-bottom : 10px;
	float : left;
	display : inline;
}
.flexi-wrapper4 {
	width : 222px;
	margin-left : 10px;
	margin-bottom : 10px;
	float : left;
}

.first-flexi {
	margin : 0px;
}

/* Div Structure */

.flexi-tl {
	background : url(/images/flexi-tl.jpg) top left no-repeat; /* expand width */
}
.flexi-tr {
	padding : 10px 15px;
	background : url(/images/flexi-tr.jpg) top right no-repeat;
}
.flexi-bl {
	background : url(/images/flexi-bl.jpg) bottom left no-repeat; /* expand width and height */
}
* html .flexi-bl {
	height : 1%;
}
.flexi-br {
	background : url(/images/flexi-br.jpg) bottom right no-repeat; /* expand height */
}

/* @group Vertical Div */
/* Div Structure */
.flexi-main-wp-mid {
	width : 677px; /* follow image width */
	background : url(../images/flexi-main-middle.jpg) 0 0 repeat-y; /* Middle content repetition */
	margin : 0px 0px 10px;
}
.flexi-main-wp-top {
	margin : 0px;
	padding : 12px 0px 0px; /* to prevent bottom content overwrite top background image */
	background : url(../images/flexi-main-top.jpg) top left no-repeat;
}
.flexi-main-wp-btm {
	padding : 0px 25px 32px; /* to prevent overwriting bottom background image */
	background : url(../images/flexi-main-bottom.jpg) bottom left no-repeat;
}
/* @end */

/* @Group */

.flexi-menu-tl {
	background : url(/images/menu-tl.jpg) top left no-repeat; /* expand width */
}
.flexi-menu-tr {
	padding : 10px 15px;
	background : url(/images/menu-tr.jpg) top right no-repeat;
}
.flexi-menu-bl {
	background : url(/images/menu-bl.jpg) bottom left no-repeat; /* expand width and height */
}
* html .flexi-menu-bl {
	height : 1%;
}
.flexi-menu-br {
	background : url(/images/menu-br.jpg) bottom right no-repeat; /* expand height */
}

/* @end */



/* @Group */

.flexi-navy-menu-tl {
	background : url(/images/navy-menu-tl.jpg) top left no-repeat; /* expand width */
}
.flexi-navy-menu-tr {
	padding : 10px 15px;
	color : #333;
	background : url(/images/navy-menu-tr.jpg) top right no-repeat;
}
.flexi-navy-menu-bl {
	background : url(/images/navy-menu-bl.jpg) bottom left no-repeat; /* expand width and height */
}
* html .flexi-navy-menu-bl {
	height : 1%;
}
.flexi-navy-menu-br {
	background : url(/images/navy-menu-br.jpg) bottom right no-repeat; /* expand height */
}

/* @end */


.flexi-no-grad-tl {
	background : url(/images/flexi-no-grad-tl.jpg) top left no-repeat; /* expand width */
}
.flexi-no-grad-tr {
	padding : 10px 15px;
	background : url(/images/flexi-no-grad-tr.jpg) top right no-repeat;
}
.flexi-no-grad-bl {
	background : url(/images/flexi-no-grad-bl.jpg) bottom left no-repeat; /* expand width and height */
}
* html .flexi-no-grad-bl {
	height : 1%;
}
.flexi-no-grad-br {
	background : url(/images/flexi-no-grad-br.jpg) bottom right no-repeat; /* expand height */
}

/* font stylish */

.flexi-title {
	text-align : center;
	font-size : 2em;
	font-weight : bold;
	margin : 2px 5px 10px;
	padding : 0px;
	color : #4c6793;
}

.flexi-wrapper4 .flexi-title {
	font-size : 1.6em !important;
}

/* @end */

/* @group Notification */

.notify-tl {
	background : url(/images/notify-tl.jpg) top left no-repeat; /* expand width */
}
.notify-tr {
	padding : 10px 15px;
	background : url(/images/notify-tr.jpg) top right no-repeat;
}
.notify-bl {
	background : url(/images/notify-bl.jpg) bottom left no-repeat; /* expand width and height */
}
* html .notify-bl {
	height : 1%;
}
.notify-br {
	background : url(/images/notify-br.jpg) bottom right no-repeat; /* expand height */
}

/* @end */


.notification {
	float : left;
	width : 100%;
}




/* @Group Flexi-table */
		
table.flexi-table {
	margin : 0;
	padding : 0;
}
table.flexi-table tr.top td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-table tr.bottom td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-table tr td.tl,
table.flexi-table tr td.bvl,
table.flexi-table tr td.bl {
	width : 13px;
}
table.flexi-table tr td.tr,
table.flexi-table tr td.bvr,
table.flexi-table tr td.br {
	width : 13px;
}
table.flexi-table tr td.tl { background :  url(/images/flexi-table/flexi-tl.jpg) top left no-repeat }
table.flexi-table tr td.tr { background :  url(/images/flexi-table/flexi-tr.jpg) top right no-repeat }
table.flexi-table tr td.bl { background :  url(/images/flexi-table/flexi-bl.jpg) bottom left no-repeat }
table.flexi-table tr td.br { background :  url(/images/flexi-table/flexi-br.jpg) bottom right no-repeat }
table.flexi-table tr td.bvl { background : url(/images/flexi-table/flexi-bvl.jpg) top left repeat-y }
table.flexi-table tr td.bvr { background : url(/images/flexi-table/flexi-bvr.jpg) top right repeat-y }
table.flexi-table tr td.bht { background : url(/images/flexi-table/flexi-bht.jpg) top left repeat-x }
table.flexi-table tr td.bhb { background : url(/images/flexi-table/flexi-bhb.jpg) bottom left repeat-x }
/* @end */



/* @Group Flexi-table */
		
table.flexi-gray {
	margin : 0;
	padding : 0;
}
table.flexi-gray tr.top td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-gray tr.bottom td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-gray tr td.tl,
table.flexi-gray tr td.bvl,
table.flexi-gray tr td.bl {
	width : 13px;
}
table.flexi-gray tr td.tr,
table.flexi-gray tr td.bvr,
table.flexi-gray tr td.br {
	width : 13px;
}
table.flexi-gray tr td.tl { background :  url(/images/flexi-table-gray/flexi-tl.jpg) top left no-repeat }
table.flexi-gray tr td.tr { background :  url(/images/flexi-table-gray/flexi-tr.jpg) top right no-repeat }
table.flexi-gray tr td.bl { background :  url(/images/flexi-table-gray/flexi-bl.jpg) bottom left no-repeat }
table.flexi-gray tr td.br { background :  url(/images/flexi-table-gray/flexi-br.jpg) bottom right no-repeat }
table.flexi-gray tr td.bvl { background : url(/images/flexi-table-gray/flexi-bvl.jpg) top left repeat-y }
table.flexi-gray tr td.bvr { background : url(/images/flexi-table-gray/flexi-bvr.jpg) top right repeat-y }
table.flexi-gray tr td.bht { background : url(/images/flexi-table-gray/flexi-bht.jpg) top left repeat-x }
table.flexi-gray tr td.bhb { background : url(/images/flexi-table-gray/flexi-bhb.jpg) bottom left repeat-x }
/* @end */


/* @Group Flexi-table */
		
table.flexi-yellow {
	margin : 0;
	padding : 0;
}
table.flexi-yellow tr.top td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-yellow tr.bottom td {
	height : 13px;
	line-height : 10px;
	font-size : 10px;
}
table.flexi-yellow tr td.tl,
table.flexi-yellow tr td.bvl,
table.flexi-yellow tr td.bl {
	width : 13px;
}
table.flexi-yellow tr td.tr,
table.flexi-yellow tr td.bvr,
table.flexi-yellow tr td.br {
	width : 13px;
}
table.flexi-yellow tr td.tl { background :  url(/images/flexi-table-yellow/flexi-tl.jpg) top left no-repeat }
table.flexi-yellow tr td.tr { background :  url(/images/flexi-table-yellow/flexi-tr.jpg) top right no-repeat }
table.flexi-yellow tr td.bl { background :  url(/images/flexi-table-yellow/flexi-bl.jpg) bottom left no-repeat }
table.flexi-yellow tr td.br { background :  url(/images/flexi-table-yellow/flexi-br.jpg) bottom right no-repeat }
table.flexi-yellow tr td.bvl { background : url(/images/flexi-table-yellow/flexi-bvl.jpg) top left repeat-y }
table.flexi-yellow tr td.bvr { background : url(/images/flexi-table-yellow/flexi-bvr.jpg) top right repeat-y }
table.flexi-yellow tr td.bht { background : url(/images/flexi-table-yellow/flexi-bht.jpg) top left repeat-x }
table.flexi-yellow tr td.bhb { background : url(/images/flexi-table-yellow/flexi-bhb.jpg) bottom left repeat-x }
/* @end */


.yellow-icon-notice {
	padding-left : 40px;
	padding-top : 5px;
	background : url(/images/yellow-icon-notice.jpg) 5px 0px no-repeat;
	padding-bottom : 7px;
}