/**
 * 
 * global css
 * 	
 * @package      assets    
 * @subpackage   css 		  	     
 * @author       Dhanabal Duraisamy <dhanaps@ocenture.com>
 * @link         http://
 *
 * 
*/

/**** IMPORTANT : CONTACT TO DHANABAL BEFORE YOU MAKE ANY CHANGES IN THIS FILE ****/

/** FONTS */
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

@import url("../../font-awesome/css/font-awesome.min.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

/* BUTTON STYLES */
@import url("../button/styles.css");

/* NOTIFICATION STYLES */
@import url("../notification/styles.css");


/* BODY PRESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; text-align:left; vertical-align:baseline; }

* { margin: 0; padding: 0; }
*:focus, *:active {  outline: none; }

* html body * { overflow: visible; }

body { color: #666; font: 12px Arial; }

/* Paragraph Presets */
p {	margin: 4px 0 10px 0; padding: 0; line-height: 16px; }
p.last { margin-bottom: 0px; }
p img  { margin-left: 5px; margin-bottom: 5px; }

/* DIV FLOATS & ALIGN */
.clearfix { clear:both; }
.clearfix: after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.padding { padding: 10px 10px 10px 10px; }
.padding20 { padding: 20px 20px 20px 20px; }
.padding30 { padding: 30px 30px 30px 30px; }

.padding-top { padding-top: 10px; }
.padding-bottom { padding-bottom: 10px; }

.padding-top5 { padding-top: 5px; }
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }
.padding-top20 { padding-top: 20px; }
.padding-top30 { padding-top: 30px; }
.padding-top40 { padding-top: 40px; }

.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-bottom30 { padding-bottom: 30px; }

.padding-left5 { padding-left: 5px; }
.padding-left10 { padding-left: 10px; }
.padding-left15 { padding-left: 15px; }
.padding-left20 { padding-left: 20px; }
.padding-left25 { padding-left: 25px; }

.padding-right5 { padding-right: 5px; }
.padding-right10 { padding-right: 10px; }
.padding-right15 { padding-right: 15px; }
.padding-right20 { padding-right: 20px; }
.padding-right25 { padding-right: 25px; }


.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom30 { margin-bottom: 30px; }

.margin-left5 { margin-left: 5px; }
.margin-left10 { margin-left: 10px; }
.margin-left20 { margin-left: 20px; }
.margin-left30 { margin-left: 30px; }


/* GRID */
.subcolumns { display:table; table-layout:fixed; width:100%; }
.subcolumns_oldgecko { width: 100%; float:left; }

.subc { padding: 0 15px 0 15px; }
.subcl { padding: 0 15px 0 0; }
.subcr { padding: 0 0 0 15px; }

.c10l, c15l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c55l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left; display:inline-block;; }
.c10r, c15r,.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c55r, .c60r, .c66r, .c62r, .c75r, .c80r { float: right; margin-left: -5px; display:inline-block;; }

.c10l, .c10r { width: 10%; }
.c15l, .c15r { width: 15%; }
.c20l, .c20r { width: 20%; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c38l, .c38r { width: 38.2%; }
.c40l, .c40r { width: 40%; }
.c50l, .c50r { width: 50%; }
.c55l, .c55r { width: 55%; }
.c60l, .c60r { width: 60%; }
.c66l, .c66r { width: 66.666%; }
.c62l, .c62r { width: 61.8%; }
.c75l, .c75r { width: 75%; }
.c80l, .c80r { width: 80%; }

.equalize, .equalize .subcolumns { table-layout: fixed; }
.equalize > div { display: table-cell; float: none; margin: 0; overflow: hidden; vertical-align: top; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, Verdana, sans-serif; margin: 0px 0 10px 0; padding: 0px; clear: both; }
h1 { font-size: 24px; }
h2 { font-size: 20px;  }
h3 { font-size: 18px; }
h4 { font-size: 18px;}
h5 { font-size: 15px;  }
h6 { font-size: 12px;  }

h1.default, h1.default, h3.default, h4.default, h5.default, h6.default { color: #666; }

a img, a:link img, a:hover img, a:visited img { border: none; text-decoration: none;  }

/* LINKS */
a:link, a:visited { color: #056CB6; text-decoration: underline;  }
a:hover { color: #056CB6; text-decoration: none; }

a.white:link, a.white:visited { color: #FFF; }
a.white:hover { color: #FFF; text-decoration: none; }

/* TEXT */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-xsmall { font-size: 10px; }
.text-small { font-size: 11px; }
.text-medium { font-size: 12px; }
.text-large { font-size: 14px; }
.text-xlarge { font-size: 18px; }
.text-strong { font-weight: bold; }
.text-green { color: #73AF07; }
.text-red { color: #DC1A22; }
.text-yellow { color: #E1BB1E; }
.text-black { color: #000; }

.italic { font-style: italic; }
.required { color: #DC1A22; font-size: 12px; }
.absmiddle { vertical-align: middle; padding-right: 8px; }
.disclaimer { padding-top: 15px; font-style: italic; color: #A8A8A8; clear: both; }
 
img.align-middle, i.align-middle { vertical-align: middle; }
img.float-left,  i.float-left { float:left; margin: 0px 20px 20px 0px; }
img.float-right, i.float-right { float: right; margin: 0px 0px 20px 20px; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong { font-weight: bold; }
em  { font-style: italic; }

/* UL & LI */
ul { margin: 0px 0 10px 5px; float: left; }
li { padding: 2px 2px 2px 10px; }
ul.square li { list-style-type: square; margin-left: 15px; } 
ul.points li { font-style: italic; font-size: 12px; font-weight: bold; }

/* LABEL VALUES */

.text-row { clear: both; padding-top: 10px; overflow: hidden;}
.text-row span.text-label { float: left; }
.text-row span.text-value { float: left; margin-left: 10px; }

/* TABLE */
table { border-collapse: collapse; border-spacing: 0; }
th.left { text-align: left; }
th.right { text-align: right; }
th.center { text-align: center; vertical-align: middle; }

td.left { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }

hr.line-seperation { border: 1px solid #e3e3e3; margin: 15px 5px 15px 5px; }
.rounded { -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px; }

/* MESSAGE BOX */
.info-msg, .success-msg, .warning-msg, .error-msg, .validation-msg { border:1px solid; margin:0px 0px 10px 0px; padding:15px; }
.info-msg { color: #00529B; background-color: #BDE5F8;  }
.success-msg { color: #4F8A10; background-color: #DFF2BF;  }
.warning-msg { color: #9F6000; background-color: #FEEFB3;  }
.error-msg { color: #CC0000; background-color: #FFEEEE;  }

/* FORM */

/* ----- Field Structure ----- */
form ul { margin:0; padding:0; list-style-type:none; float: none; }
form li { margin:0; padding:4px; clear:both; background-color:transparent; position:relative; /* Makes Instructs z-index stay on top in IE. */
-webkit-transition:background-color 350ms ease-out; -moz-transition:background-color 350ms ease-out; -o-transition:background-color 350ms ease-out; transition:background-color 350ms ease-out; }
* html form li { height:1%;margin-bottom:-3px;}
*+html form li { height:1%;margin-bottom:-3px;}
* html form li div { display:inline-block;}
*+html form ul, *+html form li div { display:inline-block;}

form li div { margin:0; padding:0; }
form li span { margin:0 .3em 0 0; padding:0; float:left; }

/* ----- Choices Field Structures ----- */
form li div span { margin:0; display:block; width:100%; float:left; }
li.twoColumns div span { width:48%; margin:0 5px 0 0; }
li.threeColumns div span { width:30%; margin:0 5px 0 0; }
li.notStacked div span { width:auto; margin:0 7px 0 0; }

/* ----- FLOATS ----- */
.left { float:left; }
.right { float:right; }
.clear { clear:both !important; }

label span, .section span, p span { display:inline !important; float:none !important; }

/* ----- LABELS ----- */
form li div label, form li span label { margin:0; padding-top:3px; clear:both; line-height:160%; display:block; }
fieldset { display:block; border:none; margin:0; padding:0; }

form label, form legend { font-weight:bold; line-height:150%; margin:0;  border:none; white-space:normal; }
form ul.vert label, form ul.vert legend { margin:0; padding:0 0 3px 0; display:block; width:100%; }
form ul.horz-left label, form ul.horz-left legend { float:left; padding: 0 1em; text-align:right; width:125px; }
form ul.horz-right label, form ul.horz-right legend { float:left; padding: 0; text-align:right; width:125px; }

form ul.vert label.checkbox { padding: 0px 0px 0px 20px; font-weight: normal; }

/* ----- REQUIRED ----- */
form span.req { display:inline; float:none; color:red !important; font-weight:bold; margin:0; padding:0 0 0 2px; }

/* ----- SIZES ----- */
.third { width:32% !important; }
.half { width:48% !important; }
.full { width:100% !important; }

input.small, select.small { width:25%; }
input.medium, select.medium { width:50%; }
input.large, select.large { width:100%; }

textarea.textarea { width:293px; min-width:100%; max-width:100%; }
textarea.small { height:5.5em; }
textarea.medium { height:10em; }
textarea.large { height:20em; }

/* ----- FILES ----- */
li.file a { text-decoration:none; }
li.file span { display:inline; float:none; }
li.file img { display:block; float:left;margin:0 0 0 -10px; padding:5px 5px 7px 5px; }
li.file .file-size, li.file .file-type { font-size:85%; text-transform:uppercase; }
li.file .file-name{ display:block; padding:14px 0 0 0; color:blue; text-decoration:underline; }

/* ----- BUTTONS ----- */
form li.buttons { width:auto !important; position:relative; clear:both; padding:10px 1% 10px 1%; }
form li.buttons input { font-size:100%; margin-right:5px; }

/* ----- SECTIONS ----- */
form li.section { clear:both; margin:0; padding:7px 0 0 0; width:auto !important; position:static; }
form li.section h3 { font-weight:normal; font-size:110%; line-height:135%; margin:0 0 3px 0; width:auto; padding:12px 1% 0 1%; border-top:1px dotted #ccc; }
form li.first { padding:0; }
form li.first h3 { padding:8px 1% 0 1%; border-top:none !important; }
form li.section div { display:block; width:auto; float:none; font-size:85%; line-height:160%; margin:0 0 1em 0; padding:0 1% 0 1%; }

/* ----- FIELDS ----- */
input[type="text"], input[type="password"], input[type="textarea"], input[type="file"], select {
-moz-border-bottom-colors:none; -moz-border-image:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; -moz-box-sizing:border-box;
background:none repeat scroll 0 0 #FFFFFF; border-color:#C0C0C0 #D9D9D9 #D9D9D9; border-radius:1px 1px 1px 1px; border-right:1px solid #D9D9D9; border-style:solid; border-width:1px; padding:4px 2px 4px 2px; margin:0; font-size:15px; color:#666; }

input[type="text"]:hover, input[type="password"]:hover, input[type="textarea"]:hover, input[type="file"]:hover, select:hover {
-moz-border-bottom-colors:none; -moz-border-image:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none;
border-color:#A0A0A0 #B9B9B9 #B9B9B9; border-right:1px solid #B9B9B9; border-style:solid; border-width:1px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

input[type="text"].autotab{
	margin-right: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, input[type="file"]:focus, input[type="select"]:focus {
border:1px solid #FF8C00; }

input[type="checkbox"], input[type="radio"] { float: left; margin: 2px 5px 0; padding:0; width:13px; height:13px; cursor:pointer; }

.safari input[type="select"] { font-size:120% !important; margin:0 0 1px 0; }
* html input[type="select"] { margin:1px 0; }
*+html  input[type="select"] { margin:1px 0; }

/* ----- HINTS ----- */
.form-hint { background-color:#EEE9E9; border:1px solid #666666; float:right; font-size:11px; height:auto; margin:0 0 10px 10px; padding:5px; }
.form-hint h4 { background:url("/images/icon_form_hint.gif") no-repeat scroll 0 0 transparent; border-bottom:1px solid #666666; color:#666666; font-size:14px; padding:3px 0 3px 27px; }

.superscript { position: relative; top: -0.5em; font-size: 80%; }