/********************************************************
	Powered by OrangeSoft Sdn Bhd 2011 
	Author: Ivan Yew 	
	Email: ivan@os.my	
	Last Updated: 01/03/2012 ** Default v2.0 **
 ********************************************************/
@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(../images/bg.gif) repeat-x left top; }
html { padding:0; margin:0; font: normal 12px Verdana, Geneva, sans-serif; color: #4a4a4a; }

a { color: #c55; text-decoration:none; 
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
a:hover { text-decoration:underline; }
p { line-height: 20px; margin: 0 0 1.3em; text-align: justify; }
img { margin: 0px; padding: 0px; border: none; }

/* Header font-size */
h1 { font-size: 200%; }
h2 { font-size: 183%; }
h3 { font-size: 166%; }
h4 { font-size: 150%; }
h5 { font-size: 133%; }
h6 { font-size: 116%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { color: #030303; margin: 0 0 0.5em 0; padding: 0; line-height: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: inherit; font-weight: inherit; margin: inherit; padding: inherit; line-height: inherit; color: inherit; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 0.7em; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Listing */
ul li { margin: 0; padding: 0; }
ul, ol { margin: 0.5em 0 1.5em 1.5em; padding-left: 20px; }
ol { list-style-type: decimal; }
ol ol { list-style:lower-latin; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-latin; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 1.5em; }
dt { font-weight: bold; margin-bottom: 0.5em; padding-left: 25px; background: url(../images/list-arrow3.png) no-repeat left top; line-height: 1.5em; }
dd { margin-bottom: 1.65em; line-height: 20px; }

/* Table */
table { border-color: #eee; }
th { font-weight: bold; }
th,td { padding: 2px 8px 2px 5px; }
tr.even { background: #f5f5f5; }
tr.odd { background: #e5e5e5; }

/* Form */
form { margin: 0; padding: 0; }
input { background: #fff; margin: 5px 0px; padding: 3px 8px; color: #666; border: 1px solid #bbb; outline: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
input:hover, textarea:hover { box-shadow: 0 0 5px -1px #ccc; -webkit-box-shadow: 0 0 5px -1px #ccc; -moz-box-shadow: 0 0 5px -1px #ccc; }
input:focus, textarea:focus { color: #333; border-color: #999; box-shadow: 0 1px 5px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 5px -2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 5px -2px rgba(0,0,0,0.5); }
input.radio { height: inherit; background: none; border: none; margin: 2px; padding: 2px; }
input.checkbox { height: inherit; background: none; border: none; margin: 2px; padding: 2px; }
input.file { line-height: 25px; height: inherit; padding: 1px 1px 2px; border: 1px solid #bbb; background: #fff; }
textarea { margin: 5px 0px; padding: 0px 8px; line-height: 21px; color: #666; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #bbb; outline: none; font-family: Arial, Helvetica, sans-serif; }
select, option { outline: none; padding: 2px; }

fieldset { margin: 5px; padding: 10px; border: 1px double #ccc; }
legend { margin: 0; padding: 0 5px; text-shadow: 1px 1px #eee; }
small { font-size: 11px; }
code, pre { font-family: "Courier New", Courier, Monaco, "Lucida Console", monospace; overflow: auto; background-color: #fcfcfc; }
pre { padding: 1em; line-height: 1.5em; border-width: 1px; border-style: solid; border-color: #ddd; margin: 1.5em 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
hr { border: none; border-top: 1px solid #ccc; margin: 1.2em 0; }
blockquote { background: url(../images/bq_left.png) no-repeat left top; padding: 10px 15px; margin: 0 1.5em 0.6em; font-size: 1em; line-height: 20px; text-indent: 2em; font-style: italic; }
blockquote > div { background: url(../images/bq_right.png) no-repeat right bottom; padding-bottom: 0.5em; }
abbr, acronym { cursor: help; border-bottom: 1px dotted #888; padding: 0 3px; }
abbr:hover, acronym:hover { color: #fff; background: #aaa; text-shadow: 1px 1px #888; }

/**********************************************************
 *                       Misc
 **********************************************************/
.clr:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.clr { clear: both; margin: 0; padding: 0; }
.left { float: left; } /* hehe, something gonna float left */
.right { float: right; } /* yo, you make it float right */
.bold { font-weight: bold; } /* make it fatty text */
.nojustify { text-align: left; } /* i no want the text align become justify */
.nomp { margin: 0!important; padding: 0!important; /* i no want any margin & padding */ }
.nop { padding: 0!important; } /* i no want any padding */
.nom { margin: 0!important; } /* i no want any margin */
.noborder { border: none!important; } /* i no want any border to cover me */
.nobg { background: none!important; } /* clear background */
.sprline { zoom:1; border-bottom:1px solid #ccc; height:1px; width: 100%; padding: 0; margin: 20px 0px; float: left; }
.imgl img { float: left; margin: 6px 25px 6px 0px!important; }
.imgr img { float: right; margin: 6px 0 6px 25px!important; }
.ixc { color: #999; font-size: 11px; font-family: Tahoma, Geneva, sans-serif; }

/**********************************************************
 *                Clear Highlighting Shadow
 **********************************************************/
::-moz-selection, ::-webkit-selection, ::selection { text-shadow: 1px 1px #000; background: #222; color: #fff; }

/**********************************************************
 *                       UI Styles
 **********************************************************/
.button,.button2,.button3,.form-submit,#edit-cancel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; display: inline-block; cursor: pointer; margin-right: 4px; }
.button,.form-submit,#edit-cancel,.action-links li a { 
	padding: 5px 15px;
	border: 1px solid #b00;
	/* Background */
	background: #e00; 
	/* Border Radius */
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px;
	/* Box Shadow */
	box-shadow: 1px 1px 1px 0px #f00 inset, -1px -1px 1px 0px #d00 inset;
	-webkit-box-shadow: 1px 1px 1px 0px #f00 inset, -1px -1px 1px 0px #d00 inset;
	-moz-box-shadow: 1px 1px 1px 0px #f00 inset, -1px -1px 1px 0px #d00 inset;
}
.button:hover,.form-submit:hover,#edit-cancel:hover,.action-links li a:hover {
	border-color: #900;
	/* Background */
	background: #b00; 
	/* Box Shadow */
	box-shadow: 1px 1px 1px 0px #d00 inset, -1px -1px 1px 0px #a00 inset;
	-webkit-box-shadow: 1px 1px 1px 0px #d00 inset, -1px -1px 1px 0px #a00 inset;
	-moz-box-shadow: 1px 1px 1px 0px #d00 inset, -1px -1px 1px 0px #a00 inset;
}
.button:active,.form-submit:active,#edit-cancel:active,.action-links li a:active {
	/* Background */
	background: #b00; 
	/* Box Shadow */
	box-shadow: 1px 1px 1px 0px #a00 inset, -1px -1px 1px 0px #d00 inset;
	-webkit-box-shadow: 1px 1px 1px 0px #a00 inset, -1px -1px 1px 0px #d00 inset;
	-moz-box-shadow: 1px 1px 1px 0px #a00 inset, -1px -1px 1px 0px #d00 inset;
}
.button2, .button3 { background: #f00; color: #fff; }
.button2 { padding: 3px 10px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;  border-radius: 4px; }
.button3 { padding: 2px 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }
.button2:hover, .button3:hover { background: #a00; color: #fff; }
.button:hover, .button:active, .button2:hover, .button2:active, .button3:hover, .button3:active { text-decoration: none; }
#views-ajax-pad .form-buttons .form-submit { padding: 3px 6px; font-size: 12px; }

/* ScrollBar : @group scrollbar - http://almaer.com/scrollbar/debug.html */
.scrollbar::-webkit-scrollbar { width: 6px; height: 6px;}
.scrollbar::-webkit-scrollbar-button:start:decrement,
.scrollbar::-webkit-scrollbar-button:end:increment { display: block; height: 10px; width: 10px; }
.scrollbar::-webkit-scrollbar-track-piece { -webkit-border-radius: 3px; }
.scrollbar::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #002d48; -webkit-border-radius: 3px; }
.scrollbar::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: #002d48; -webkit-border-radius: 3px; }

/**********************************************************
 *                  Form Input : Webform 
 ********************************************************** Coming Soon ******************
.webform-client-form {}
.webform-component { clear: both; }
.form-item {}
.form-item label {}
.form-item label .form-required { color: #f00; }
input.form-submit {}
input.form-submit:hover {}
input.form-submit:active {}
.webform-container-inline div, .webform-container-inline div.form-item { display: inline; }
.webform-component .form-item label {}
.webform-component .form-item label.option {}
.webform-component .form-item label.option .form-radio {}
.webform-component .form-item .form-radios {}
.form-actions.form-wrapper {}

/**********************************************************
 *      Page Navigation - Try Pager before use this 
 **********************************************************/
.viewmore { margin: 0px; padding: 5px 0px; width: 100%; position: relative; overflow: hidden; }
.viewmore a.btn { padding: 3px 8px; margin: 0px 5px; background: #f00; color: #fff; font-size: 11px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.viewmore a.btn:hover { background: #a00; text-decoration: none; color: #fff; }

/**********************************************************
 *                     Breadcrumb
 **********************************************************/
.breadcrumb { font: 12px Arial, Helvetica, sans-serif; padding-bottom: 5px; margin-bottom: 1em; border-bottom: 1px dashed #cecece; color: #666; }
.breadcrumb a { font: 12px Arial, Helvetica, sans-serif; color: #999; padding: 0 3px; }

/**********************************************************
 *                     Pager 
 **********************************************************/
.item-list { display: block; clear: both; margin: 10px 0; }

/* Reset the item list padding & margin */
.item-list ul, .item-list ol { margin: 0!important; padding: 0!important; zoom: 1; }

/* The first 2 classes provide the base pager styles. */
.item-list ul.pager    { font-size: 11px; text-align: center; }
.item-list ul.pager li { margin: 0 0 5px; display: inline-block; zoom: 1; }

/* Theme the various states of pager links. */
.item-list ul.pager li a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
.item-list ul.pager li a:link    { padding: 3px 8px; color: #777; display: block; zoom: 1; }
.item-list ul.pager li a:visited { color: #777; }
.item-list ul.pager li a:hover   { text-decoration: none; color: #fff; }
.item-list ul.pager li:hover a { color: #fff; }

/* ---- Normal styles --- */
.item-list ul.pager li.pager-first,
.item-list ul.pager li.pager-previous,
.item-list ul.pager li.pager-next,
.item-list ul.pager li.pager-last,
.item-list ul.pager li.pager-item { 
	padding: 0;
	margin: 0 0 2px 0;
	color: #777;
	border: 1px solid #ddd;
	font-weight: normal;
	background: #fff; 
	/* Border Radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

/* --- Hover styles ---- */
.item-list ul.pager li.first:hover,
.item-list ul.pager li.last:hover { border: 0; }
.item-list ul.pager li.pager-first:hover,
.item-list ul.pager li.pager-previous:hover,
.item-list ul.pager li.pager-next:hover,
.item-list ul.pager li.pager-last:hover,
.item-list ul.pager li.pager-item:hover { border: 1px solid #aaa; background: #aaa; }

/* ---- Inactive style --- */
.item-list ul.pager li.pager-current, .item-list ul.pager li.pager-ellipsis 
{ background-image: none!important; background-color: transparent!important; border: 0; padding: 3px 4px!important; color: #999; 
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
 
/* ---- Active style --- */
.item-list ul.pager li.pager-current { font-weight: bold; color: #000; }

/**********************************************************
 *                   Ivan Image Frame
 **********************************************************/
.iIf img { padding: 5px; margin: 0 5px 5px; background-color: #fff;
	/* Border Radius */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	/* Box Shadow */
	box-shadow: 0 0 0 1px #d8d8d8, 0 1px 4px 1px #ddd;
	-webkit-box-shadow: 0 0 0 1px #d8d8d8, 0 1px 4px 1px #ddd;
	-moz-box-shadow: 0 0 0 1px #d8d8d8, 0 1px 4px 1px #ddd;
	-o-box-shadow: 0 0 0 1px #d8d8d8, 0 1px 4px 1px #ddd;
}
.iIf a { display: inline-block; *display: inline; zoom: 1; }

/**********************************************************
 *                        Tabs 
 ********************************************************** Updated 6/62012 **/
div.tabs { margin-bottom: 10px; }
ul.tabs { list-style-type: none; list-style-image: none; margin: 0 0 2px; padding: 0; overflow: hidden; position: relative; z-index: 1; }
ul.tabs li { float: left; padding: 0; margin: 0; margin-right: 2px; background: none; font-size: 12px; color: #fff; border: 0; }
ul.tabs li:hover { background: none; }
ul.tabs li a { color: #f66; display: block; text-decoration: none; padding: 5px 8px; margin: 0; border: 0; background: none; }
ul.tabs li a:hover { background: #f77; color: #fff; }
ul.tabs li.active { background: none; color: #fff; }
ul.tabs li.active a { color: #fff; margin: 0; border: 0; background: #f00; }
ul.tabs.primary { border-bottom: 2px solid #f00; }
ul.tabs.secondary { border-bottom: 2px solid #f99; padding: 0 0 2px; }
ul.tabs.secondary li { background: transparent; }
ul.tabs.secondary li a { color: #f77; background: transparent; padding: 3px 6px; }
ul.tabs.secondary li a:hover { color: #f77; background: #fcc; }
ul.tabs.secondary li a.active { border: 0; }
ul.tabs.secondary li.active { background: #f99; }
ul.tabs.secondary li.active a { color: #fff; background: none; }

/******** Style 2 - Default Color *************
div.tabs { margin-bottom: 10px; }
ul.tabs { list-style-type: none; list-style-image: none; padding: 0; margin: 5px 0 0; border-bottom: 2px solid #ccc; position: relative; display: inline-block; zoom: 1; width: 100%; }
ul.tabs li { float: left; margin-bottom: -1px; }
ul.tabs li a { display: block; color: #aaa; height: auto; padding: 3px 8px; margin-right: 4px; border: 1px solid #ccc; background: #fff; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
ul.tabs li a:hover { text-decoration: none; background: #eee; }
ul.tabs li.active { }
ul.tabs li.active a, ul.tabs li.ui-tabs-selected a { color: #fff; background: #ccc; } 
ul.tabs li a .tab { background: none; height: auto; margin: 0; padding: 0; line-height: normal; }
ul.tabs li a:hover .tab { background: none; }
ul.tabs.secondary { padding: 0; }
ul.tabs.secondary li { padding-left: 5px; }
ul.tabs.secondary li a { margin: 0; }
ul.tabs.secondary li.active { background: transparent; }
  /* Color - Orange *
  ul.tabs, ul.tabs li a, ul.tabs li.active a, ul.tabs li.ui-tabs-selected a { border-color: #fa700e; color: #fa700e; }
  ul.tabs li a { background: #fff; }
  ul.tabs li a:hover { background: #fee2cf; }
  ul.tabs li.active a, ul.tabs li.ui-tabs-selected a { color: #fff; background: #fa700e; box-shadow: 0 1px 0 0 #fca465 inset; -webkit-box-shadow: 0 1px 0 0 #fca465 inset; -moz-box-shadow: 0 1px 0 0 #fca465 inset; }

/*** Tabs : idTabs ***/
/* Default Set */
ul.idTabs { float: left; width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; position: relative; top: 1px; }
ul.idTabs li { float: left; position: relative; z-index: 1; top: 1px; left: 0px; padding: 0!important; margin: 0!important; }
ul.idTabs li a { float: left; padding: 4px 10px; margin-right: 3px; color: #aaa; text-align: center; line-height: normal; font-weight: bold; background: #eee; zoom: 1;
border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; }
ul.idTabs li a:hover { text-decoration: none; background: #ddd; border-color: #ccc; }
ul.idTabs li a.selected { color: #888; background: #fff; border: 1px solid #ccc; border-bottom-color: #fff; }
ul.idTabs li.first { margin-left: 5px; } 
/* Tabs Block */
div.tblock { min-height: 250px; padding: 10px; background: #fff; border: 1px solid #ccc; clear: both; line-height: 20px; }
 
/*** Tabs : Left ***/
  ul.idTabs.lft { float: left; width: 81px; border: 0; top: 0; }
  ul.idTabs.lft li { float: none; position: static; margin-bottom: -1px!important; }
  ul.idTabs.lft li a { float: none; display: block; margin: 0; text-align: left; 
  border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }
  ul.idTabs.lft li a:hover {}
  ul.idTabs.lft li a.selected { border-color: #ccc; border-right-color: #fff; } /** Color **/
  ul.idTabs.lft li.first { margin-left: 0; } 
  /* Tabs Block */
  div.tblock.lft { float: none; min-height: 200px; margin-left: 80px; clear: none; } 
  
/*** Tabs : Right ***/
  ul.idTabs.rgt { float: right; width: 81px; border: 0; top: 0; }
  ul.idTabs.rgt li { float: none; position: static; margin-bottom: -1px!important; }
  ul.idTabs.rgt li a { float: none; display: block; margin: 0; text-align: right; 
  border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }
  ul.idTabs.rgt li a:hover {}
  ul.idTabs.rgt li a.selected { border-color: #ccc; border-left-color: #fff; } /** Color **/
  ul.idTabs.rgt li.first { margin-left: 0; } 
  /* Tabs Block */
  div.tblock.rgt { float: none; min-height: 200px; margin-right: 80px; clear: none; } 
  
/*** Tabs : Bottom ***/
  ul.idTabs.btm { float: none; border: 0; border-top: 0; top: 0; height: 26px; }
  ul.idTabs.btm li { top: -1px; left: 0px; }
  ul.idTabs.btm li a { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; }
  ul.idTabs.btm li a:hover {}
  ul.idTabs.btm li a.selected { border-color: #ccc; border-top-color: #fff; } /** Color **/
  ul.idTabs.btm li.first { } 
  /* Tabs Block */
  div.tblock.btm { min-height: 170px; }


/**********************************************************
 *                     Page Layout
 **********************************************************/
#container { margin: 0; padding: 0; width: 100%; }
.wrapper { margin: 0 auto; padding: 0; width: 960px; }
.header { font-size: 14px; color: #030303; text-transform: uppercase; }


/***** Header *****/
#header { margin: 0 auto; padding: 0; }
#header .wrapper { padding: 10px 0; }
/* Logo */
#header .logo { margin: 0; padding: 0; width: 300px; float: left; }
#header .logo a { display: block; line-height: 0; }
/* Top Panel */
.toppanel { margin-left: 300px; }
  /*- Search -*/ /*** DISABLED ***
  .toppanel .search { float:right; padding: 27px 0 10px; margin: 0px; height: 33px; }
  .toppanel .search form { }
  .toppanel .search form input { }
  .toppanel .search form .keywords { }
  .toppanel .search form .form-submit { }
  .toppanel .search form .form-submit:hover { } */

/* Navigation */
.navigation { margin: 28px 0 17px; padding: 0; float: left; width: 660px; z-index: 10; position: relative; }
.navigation ul { margin: 0; padding: 0; float: right; list-style: none; }
.navigation ul li { float: left; margin: 0; padding: 0; list-style: none; }
.navigation ul li a,
.navigation ul li span.nolink
 { float: left; display: block; height: 25px; color: #666; margin: 0; padding: 0 10px; font: normal 15px/25px Arial, Helvetica, sans-serif; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; }
.navigation ul li span.nolink { cursor: pointer !important; }
.navigation ul li a:hover,
.navigation ul li span.nolink:hover { text-decoration: none; color: #f00; }
.navigation ul li.first a { border: none; }
.navigation ul li.last a { }
.navigation ul li li a:hover, .navigation ul li li span.nolink:hover { }


/***** Banner *****/
#banner { margin: 0; padding: 0; }
#banner .wrapper { }


/***** Body *****/
#body { margin: 0; padding: 0; }
#body .wrapper { padding: 15px 0; }
#body .bd_resize { margin: 0 auto; padding: 0; }

.leftCol { float: left; width: 270px; margin: 0 30px 0 0; padding: 0; }
.rightCol { float: right; width: 270px; margin: 0 0 0 30px; padding: 0; }
.oneCol { display: inline-block; zoom: 1; width: 100%; clear: both; margin-bottom: 1em; }
.oneCol.bottom { margin-bottom: 0; }
.oneCon { float: left; width: 660px; margin: 0; padding: 0; }
.no-sidebars .oneCol.content { }
.no-sidebars .oneCon { float: none; width: auto; }

.ablock { margin: 0 0 1.4em; position: relative; }
.ablock.last { margin-bottom: 0; }

.oneCol .header { font-size: 23px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; padding-bottom: 5px; margin-bottom: 0.5em; position: relative; }
.oneCol .body { padding: 0; zoom: 1; }

.leftCol .header { font-size: 18px; color: #f00; border-bottom: 1px solid #c0c0c0; padding-bottom: 0.45em; }
.leftCol ul.menu,
.leftCol ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 14px; }
.leftCol ul.menu li { border-bottom: 1px dashed #cccccc; }
.leftCol ul.menu li.first {}
.leftCol ul.menu li.last {}
.leftCol ul.menu li a { display: block; padding: 7px 20px; background: url(../images/list-arrow.png) no-repeat left 12px; color: #4a4a4a; }
.leftCol ul.menu li a:hover, 
.leftCol ul.menu li a.active, 
.leftCol ul.menu li.active a { text-decoration: none; background: #e00 url(../images/list-arrow2.png) no-repeat left 12px; color: #fff; }

.oneCon .content .node li { margin: 0.5em 0; line-height: 20px; }
.oneCon .content .node dd li { margin: 0.3em 0; }

/* Style for Content */
.us-title { font-size: 14px; color: #303030; font-weight: bold; margin-bottom: 0.5em; padding-left: 25px; background: url(../images/list-arrow3.png) no-repeat left 0.2em; line-height: 1.5em; position: relative; }
.us-title a.button3 { margin: 0; padding: 0 13px 0 10px; position: absolute; right: 0; }
table.flat { border-collapse: collapse; border: 1px solid #c0c0c0; }
table.flat th { background: #f9f9f9; padding: 10px; border-bottom: 1px solid #c0c0c0; text-align: left; text-indent: 25px; color: #f00; font-weight: normal; }
table.flat th, table.flat td { border: 1px solid #c0c0c0; }
.flat blockquote { background: url(../images/bq_right.png) no-repeat right bottom; padding: 1em; text-indent: 0; }
.flat blockquote > div { background: url(../images/bq_left.png) no-repeat left top; padding: 1em 0 0 1em; text-indent: 2em; }
h6.title { border-bottom: 3px double #ccc; color: #f00; padding-bottom: 0.5em; margin-bottom: 1.2em; font-size: 12px; }

/* Products / News / All Listing */
.pList { display: inline-block; *display: inline; zoom: 1; width: 100%; padding: 10px 0 15px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.pList.first { }
.pList.last { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.pImg { float: left; margin-right: 10px; }
.pImg a {}
.pTitle { font-size: 110%; margin-bottom: 5px; }
.pTitle a { color: #333; }
.pTitle a:hover {}
.pDate { font-size: 90%; color: #999; }
.pDesc { font-size: 12px; padding: 2px 0; }
.pMore { text-align: right; font-size: 11px; }
.pMore a { background: #ddd; padding: 1px 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
/* Optional * 
.pList .pTitle, 
.pList .pDate, 
.pList .pDesc, 
.pList .pMore 
{ margin-left: 110px; } 
*/
/* Gallery Block */
.pBox { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 200px; } /* Size depend on image size + iIf 20px */
.pBox .pImg { float: none; clear: both; margin: 3px 0 3px;}
.pBox .pTitle, .pBox .pDesc { font-size: 100%; padding: 0 5px; }
.pBox .pDesc p { line-height: 17px; }
/* Download Block */
.pDown { float: right; margin: 5px; }
.pDown a { display: block; padding: 5px 10px; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pDown a:hover { text-decoration: none; background: #aaa; }


/*------------- iCustom -------------*/
  /* News & Event - Front Block */
  .nEvent .header { color: #a7a4a4; border: 0; }
  .nEvent .pDate { font-size: 14px; color: #030303; margin-bottom: 5px; }
  .nEvent .pDesc { line-height: 18px; display: inline; }
  .nEvent .pMore { display: inline; }
  .nEvent .pMore a { background: none; padding: 0; margin-left: 3px; color: #c1c1c1; }
  .nEvent .more-link { margin: 1.5em 0 0.5em; text-align: left; }
  .nEvent .more-link a { background: none; padding: 0; }
  .nEvent .more-link a:hover { background: none; text-decoration: underline; }
  /* News & Event - Listing Pages */
  .nList .pList { border: 0; }
  .nList .pTitle { font-size: 14px; }
  .nList .pTitle a { }
  .nList .pTitle span.date, .node-news-events .date-display-single { font-size: 12px; font-weight: normal; color: #888; }
  .nList .pBody { padding: 14px; border: 1px solid #ddd; background-color: #f8f8f8; }
  .nList .pDate { margin-bottom: 0.5em; }
  .nList .pDesc { padding-bottom: 0; }
  /* Clients & Partners - Listing Pages */
  .cList .pList { border: 1px solid #ddd; padding: 0; background: url(../images/clist-bg.gif) repeat-y -9px top #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .cList .pImg img { margin: 10px; *margin-bottom: 0; }
  .cList .pTitle { margin: 10px 10px 10px 121px; font-size: 15px; }
  .cList .pTitle a {}
  .cList .pDesc { margin-left: 121px; margin-right: 10px; padding: 0; }
  /* Career ( Job Posting ) - Listing Pages */
  .jList .pList { border-bottom: 0; }
  .jList .pList.last { margin-bottom: 1em; }
  .jList .us-title { margin-bottom: 0.8em; }
  /* Webform 14 - Job Application */
  #webform-client-form-14 { background: #f8f8f8; padding: 1.25em 2.5em;}
  #webform-client-form-14 .form-item { margin: 0.5em 0; }
  #webform-client-form-14 .form-item label { float: left; width: 120px; line-height: 24px; margin: 5px 0; }
  #webform-client-form-14 textarea { width: auto; }
/*------------- iCustom -------------*/


/***** Footer *****/
#footer { margin: 0; padding: 0; background-color: #f2f2f2; }
#footer .wrapper { padding: 15px 0; }
#footer .ft_top { display: inline-block; *display: inline; zoom: 1; width: 100%; padding-bottom: 15px; }
#footer .ft_bottom { border-top: 1px solid #d9d9d9; padding-top: 4px; }

.ft_link { width: 50%; float: left; margin-bottom: 0!important; }
.ft_link .header { padding-bottom: 8px; }
.ft_link ul.menu { padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
.ft_link ul.menu li { float: left; padding: 0 0 0 10px; margin: 0 0 0 20px; background: url(../images/list-square.png) no-repeat left center; list-style-type: none; list-style-image: none; }
.ft_link ul.menu li.first { margin-left: 0; }
.ft_link ul.menu li.last { border: none; }
.ft_link ul.menu li a { color: #4a4a4a; }

.cp .copyright, .cp .powered { display: inline; font-family: Arial, Helvetica, sans-serif; color: #8f8e8e; }
.cp .copyright { margin-right: 3px; }
.cp .powered { margin: 0px; padding: 0px; }
.cp .powered a { color: #8f8e8e; }
.cp .powered a:hover { color: #FF6600; text-decoration: none; }


/*### Colourful ###*/
.color.darkred { color: #ae0505; }
.color.red { color: #f80000; }
.color.orange { color: #fa6b1c; }
.color.green { color: #73880a; }

/*###### Console, style from slate theme. ######*/
div.messages { padding: 9px; margin: 1em 0; color: #003366; background: #bbddff; border: 1px solid #aaccee; }
div.warning { color: #884400; background: #ffee66; border-color: #eedd55; }
div.error { color: white; background: #ee6633; border-color: #dd5522; }
div.status { color: #336600; background: #ccff88; border-color: #bbee77; }

/*###### Fixed style conflict ####*/
#lightbox-nav > *, /* LightBox */
div.views-edit-view a, /* Drupal System views edit */
.contextual-links-trigger, #toolbar a.toggle, .shortcut-toggle /* Some Button */
{ -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; -ms-transition: none!important; }


/***************************** Drupal > Admin / Developer / Debuger ********************************* 2012/05/30**/
/*** DX UI - Insert into Style.css : Global Style ***/ 
/** Line 156 **/
#edit-cancel { margin-right: 5px; } /** Add Button style @ line 102 aka Button */
#edit-cancel:hover { text-decoration: none; }
/** Line XXX **/
span.submitted { display: block; margin: 0.5em 0 1em; font-size: 12px; font-style: italic; color: #aaa; }
/*** D7:Module Admin Menu - for modern browser, old browser follow old style, kekeke ***/
#admin-menu { font-family: Tahoma, Geneva, sans-serif; box-shadow: 0 3px 10px -5px #000; background: rgba(0,0,0,0.8); z-index: 10000; }
/*** Switch On - if you like more effect ***/
html body.admin-menu { /*margin-top: 0px !important;*/ }
/** DISABLED **
#admin-menu { opacity: 0.3; top: -24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
#admin-menu > * { opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
#admin-menu:hover { opacity: 1; top: 0; }
#admin-menu:hover > * { opacity: 1; }
**/
/*** D7:Overlay - In overlay mode, hide some block / give some style ***/
html body.overlay.admin-menu #admin-menu,
html body.overlay.admin-menu #header,
html body.overlay.admin-menu #footer { display: none; }
html body.overlay.admin-menu #body .conCol { margin: 20px 10px 10px; padding: 0; border: 0; }
/*** D7:Actions Link - Style for Actions Link ***/
.action-links { margin: 0.5em 0; padding: 0; list-style-image: none; list-style-type: none; }
.action-links li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; list-style-image: none; list-style-type: none; }
.action-links li a { display: block; padding: 6px 16px; color: #fff; }
.action-links li a:hover { text-decoration: none; }
/*** D7:Dashboard - for Management ( Admin & Webmaster ) ***/
#dashboard .customize { font-size: 14px; }
#dashboard .canvas { display: inline-block; width: 100%; clear: both; background-color: #eee; }
#dashboard #block-node-recent .content table { width: 100%; }
#dashboard #block-node-recent .content table .title-author { }
#dashboard #block-node-recent .content table .title-author .node-title {}
#dashboard #block-node-recent .content table .title-author .node-author { font-style: italic; font-size: 0.85em; }
#dashboard #block-node-recent .content table .title-author .node-author a { color: #aaa; }
#dashboard #block-node-recent .content table .edit, #dashboard #block-node-recent .content table .delete { width: 24px; }
/*
.edit, .delete { display: inline-block; *display: inline; zoom: 1; vertical-align: baseline; }
.edit a, 
.delete a { 
  display: block; background-image: url(../images/iconset-black.png); background-color: #eee; background-repeat: no-repeat; 
  padding: 2px; margin: 0 auto; text-indent: -999em; border: 1px solid #ccc; width: 16px; height: 16px;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
  -webkit-box-shadow: 1px 1px 0 0 #f5f5f5 inset, -1px -1px 0 0 #e2e2e2 inset, 0 1px 3px -1px #ccc; 
  -moz-box-shadow: 1px 1px 0 0 #f5f5f5 inset, -1px -1px 0 0 #e2e2e2 inset, 0 1px 3px -1px #ccc; 
  box-shadow: 1px 1px 0 0 #f5f5f5 inset, -1px -1px 0 0 #e2e2e2 inset, 0 1px 3px -1px #ccc; 
}
.edit a { background-position: 3px -69px; }
.delete a { background-position: -309px 3px; }
*/
.more-link { margin: 0.6em 0; font-size: 12px; }
.more-link a { background: #eee; padding: 2px 5px; }
.more-link a:hover { background: #ddd; text-decoration: none; }
/*** D7: Content Listing ( admin/content ) ***/
.sticky-enabled { width: 100%; }
ul.links.inline { margin: 0; }
/*** D7: File Manage ***/
.form-managed-file .form-file { margin: 10px 5px 10px 0; padding: 1px; } 
.form-managed-file .form-submit {}
/*** D7: Vertical Tabs ***/
.vertical-tabs { background: #fff; }
.vertical-tabs ul.vertical-tabs-list li,
.vertical-tabs ul.vertical-tabs-list li a:hover { outline: 0; }
.vertical-tabs ul.vertical-tabs-list li:hover { background: #f5f5f5; }
.vertical-tabs ul.vertical-tabs-list li.selected { background: #fff; }
.vertical-tabs ul.vertical-tabs-list li a:focus strong,
.vertical-tabs ul.vertical-tabs-list li a:active strong,
.vertical-tabs ul.vertical-tabs-list li a:hover strong { text-decoration: none; }
/*** D7: Wysiwyg Editor ***/
.wysiwyg-toggle-wrapper, .ckeditor_links { background: #f8f8f8; border: 1px solid #d3d3d3; border-top: 0; padding: 2px 5px; }
.ckeditor_links { font-size: 11px; display: block; }
.ckeditor_links:hover { text-decoration: none; }
.cke_skin_kama span.cke_browser_webkit, .cke_skin_kama span.cke_browser_gecko18 { outline: 0; }
#body span.cke_skin_kama{ margin-top: 5px; padding: 0.45%; margin-right: 0; width: 99% !important; background: #fff; outline: none; 
-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.resizable-textarea textarea { margin-top: 5px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.vertical-tabs .text-format-wrapper { margin-bottom: 1em; }
/*** D7: Main Background Image Block 
.mBG { width: 100%; height: 100%; position: fixed!important; top: 0; left: 0; z-index: -1; }
.mBG .contextual-links-wrapper { top: 30px; right: 46%;  }
.mBG .contextual-links-wrapper .contextual-links-trigger { display: none; }
.mBG .contextual-links-wrapper ul.contextual-links { display: none!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #555; }
.mBG:hover ul.contextual-links { display: block!important; } ***/
/*** D7:Hierarchical Select ***/
.hierarchical-select-wrapper .hierarchical-select .create-new-item { width: auto; border: 1px solid #bbb; }
.hierarchical-select-wrapper .hierarchical-select .create-new-item-input { margin-bottom: 0; }
.hierarchical-select-wrapper .hierarchical-select .create-new-item-create { float: left; }
.hierarchical-select-wrapper .hierarchical-select .create-new-item-cancel { float: left; background: #e5e5e5; color: #aaa; padding: 4px 8px; }
.hierarchical-select-wrapper .hierarchical-select select, .hierarchical-select-wrapper .hierarchical-select .add-to-dropbox, .hierarchical-select-wrapper .hierarchical-select .create-new-item { /*margin: 5px 0;*/ }
/*** D7: For Store pages ***/
#page.contextual-links-region:hover .contextual-links-wrapper { display: none; }
#page.contextual-links-region:hover .contextual-links-region:hover .contextual-links-wrapper { display: block; }
/*** D7: Views @ /sites/all/modules/views/css/views-admin.ctools.css ***/
.views-ui-display-tab-actions .ctools-button-processed li a, 
.views-ui-display-tab-actions .ctools-button-processed input 
{ margin: 0; color: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.views-ui-display-tab-actions .ctools-button-processed li a:hover,
.views-ui-display-tab-actions .ctools-button-processed input:hover 
{ text-decoration: underline; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.views-admin a:hover { text-decoration: underline; }
.views-admin .views-display-column .title { margin: 0!important; } 
.page-admin-structure-views #body .conCol { }
.ctools-content { display: inline-block; *display: inline zoom: 1; }
/*** D7: Views - Pages ( Tab on top for pages, blocks and etc ) 
 *** /sites/all/modules/views/css/views-admin.theme.css ***/
.views-displays .tabs.secondary { float: left; border-bottom: 0; }
.views-displays .tabs.secondary li { margin-bottom: 2px; }
.views-displays .tabs.secondary a { border: 0; }
.views-displays .tabs.secondary a:hover { text-decoration: none; color: #fff; }
.views-displays .tabs.secondary .action-list { top: 100%; }
.views-displays .tabs.secondary .action-list li { float: none; margin: 0; border: 0; }
.views-displays .tabs.secondary .action-list li input { padding: 3px 6px; width: 100%; display: block; color: #999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.views-displays .tabs.secondary .action-list li input:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/*** D7: Admin/Reports/Updates ***/
.version-links ul.links { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.version-links ul.links li { display: inline-block; *display: inline; zoom: 1; vertical-align: baseline; }
.version-links ul.links li a { display: block; padding: 5px 8px; border-width: 1px; border-style: solid; border-color: #d8d8d8 #c5c5c5 #b8b8b8;
  background: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px -3px #000, 0 -1px 0 0 rgba(255,255,255,0.3) inset; -moz-box-shadow: 0 1px 5px -3px #000, 0 -1px 0 0 rgba(255,255,255,0.3) inset; box-shadow: 0 1px 5px -3px #000, 0 -1px 0 0 rgba(255,255,255,0.3) inset;
}
.version-links ul.links li a:hover { text-decoration: none; background: -webkit-linear-gradient(top, #e8e8e8, #d8d8d8); }
/*** D7: Field Items ***/
.field-type-datetime, .field-type-date { margin: 0.3em 0 0.8em; }
/*** D7: FAQs ** check for D6 FAQs layout and try to fix for compatible ***/
.view-faq .item-list { padding: 1em; margin: 0 0 1.5em 0; background: #ddd; }
.view-faq .item-list a { }
.view-faq .views-field-title h3 { padding: 0.5em; margin: 0px; font-weight: bold; font-size: 13px; line-height: normal; background: #ddd; }
.view-faq .views-field-title h3 a { display: block; padding: 0; margin: 0; }
.view-faq .views-field-body { padding: 0.5em; margin-bottom: 1em; background: #fafafa; }
/*** D7/D6 : Webform ***/
.webform-component-textarea label,
.webform-component-select label { margin-bottom: 0.5em; }
/*************************************************************************************************
 *               DO NOT EDIT/MODIFY THIS STYLESHEET ( PLEASE USE CUSTOM.CSS )
/*************************************************************************************************/

/** D7: Modules > Colorbox **/
a.colorbox { outline: none; }
/** D7: Create Content / Field Group Layout ( change a better css class name ) **/
.cProj { border: 1px solid #bbb; padding: 10px; margin-bottom: 1em; 
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); 
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); 
box-shadow: 0px 1px 3px rgba(0,0,0,0.1); 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; }
.cProj h3 { font-size: 135%; padding: 5px 10px; margin: -10px -10px 10px -10px; border-bottom: 1px solid #bbb; background: #eee; overflow: hidden;
-webkit-border-radius: 5px 5px 0 0; 
-moz-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0; }
.collapsible.cProj h3 { padding: 0; }
.collapsible.cProj h3 span a { padding: 5px 10px; display: block; text-decoration: none; }
/** D7: Modules > Nivo Slider **/
#nivo-slider-slide-configuration-form .fieldset-wrapper img[typeof="foaf:Image"] { display: block; margin: 1em auto; width: 100%; }
/*************************************************************************************************
 *               DO NOT EDIT/MODIFY THIS STYLESHEET ( PLEASE USE CUSTOM.CSS )
/*************************************************************************************************/