/*											*-----------------------------------*/ 
/* -----------------------------	*	reset										*/
/*											*-----------------------------------*/ 
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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	/*
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	*/
}
/*											*-----------------------------------*/ 
/* -----------------------------	*	typography								*/
/*											*-----------------------------------*/ 

p
{
	line-height: 1em;
	padding: 0.2em 0 0.2em;
	font: normal 1.2em  'Dosis',sans-serif;
}

h1
{
	font: normal 2.8em  'Dosis',sans-serif;
}
h2
{
	font: normal 2.2em  'Dosis',sans-serif;
}
h3
{
	font: normal 2em  'Dosis',sans-serif;
}
h4
{
	font: normal 1.8em  'Dosis',sans-serif;
}
h5
{
	font: normal 1.6em  'Dosis',sans-serif;
}
h6
{
	font: bold 1.2em  'Dosis',sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	margin-bottom: 0.2em;
}

a 
{
	text-decoration:none;
	font-weight:bold;
	/*color:#0b5589;*/
	color:#FF4081;
}
a:hover 
{
	color:#1791c2;
}

blockquote
{
	background: #F6F6F2 url( 'images/backgrounds.gif' ) no-repeat 0 -414px;
	border-bottom: 1px solid #E0E0D4;
	border-top: 1px solid #E0E0D4;
	color: #332;
	display: block;
	margin: 0.6em 0 1.6em;
	padding: 0.8em 1em 0.2em 46px;
	height: auto !important;  /* per i browser moderni */
   height: 32px;      /* per IE5.x e IE6 */
   min-height: 32px;  /* per i browser moderni */	
}
/*											*-----------------------------------*/ 
/* -----------------------------	*	layout									*/
/*											*-----------------------------------*/ 
body
{
	margin:0;
	padding: 0;
    /*font-family:  'Dosis',Arial, Helvetica, sans-serif;*/
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	color:#0b5589;
}

body.topbar
{
	background: #ffffff url(images/body_bg.gif);
}

body.ticketo
{
	background: linear-gradient(to right, #b5b5b7 0%,#ffffff 50%,#b5b5b7 100%);
}

body.dark
{
	margin-top:1em;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
	/*color:Aqua;*/
}

.loading
{
	background: url(images/loading.gif) no-repeat;
	height: 16px;
	width: 16px;
	line-height:16px;
	display: none;
}

#headerTicketO 
{
	background: url(images/NC_OScard_student.png) no-repeat top center;
	background-clip: content-box;
	height: auto !important;  /* per i browser moderni */
	height: 200px;      /* per IE5.x e IE6 */
	min-height: 200px;  /* per i browser moderni */
	background-size:     contain;    
	
}

#navbarTicketO
{
	margin-top:190px;
	height: auto !important;  /* per i browser moderni */
	height: 35px;      /* per IE5.x e IE6 */
	min-height: 35px;  /* per i browser moderni */
}

#navbarTicketO a 
{
	color:#0b5589;
	height: 35px;
	line-height:35px;
	font-size:1em;
	font-weight:bold;
	font-family:Verdana;
	text-decoration:none;
	text-transform: uppercase;
	padding:.55em;
}

#navbarTicketO a:hover 
{
	/*background: url(images/navbarTicketO.png) repeat-x;*/
	color:#1791c2;
}

#contentTicketO 
{
	height: auto !important;  /* per i browser moderni */
	height: 740px;      /* per IE5.x e IE6 */
	min-height: 740px;  /* per i browser moderni */
}

#footerTicketO 
{
	background:#03235C;
	height: auto !important;  /* per i browser moderni */
	height: 64px;      /* per IE5.x e IE6 */
	min-height: 64px;  /* per i browser moderni */
}
#Promotions div.footer
{
	height: auto !important;  /* per i browser moderni */
	height: 385px;      /* per IE5.x e IE6 */
	min-height: 385px;  /* per i browser moderni */
}

#dialogs 
{
	display:none;
}

.rightContentTicketO 
{
	background: url(images/logoTicketO.png) no-repeat center right;
	padding-bottom: 480px;
	background-size:     contain;    
}
.rightNavbarTicketO 
{
	background: url(images/logo_ticketo.png);
	height: auto !important;  /* per i browser moderni */
	height: 100px;      /* per IE5.x e IE6 */
	min-height: 100px;  /* per i browser moderni */
	image-rendering:auto;
	 background-size:     contain;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center; 
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.justify
{
	text-align: justify;
}

.scrolltext
{
	text-align: justify;
	margin-top: .5em;
	margin-bottom: .5em;
	height: 7em;
	overflow: auto;
	border: 1px solid #D9D9D9;
	padding: 1em;
	line-height: 1em;
}

.clearer
{
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
}

/*											*-----------------------------------*/ 
/* -----------------------------	*	list										*/
/*											*-----------------------------------*/ 
div.panel
{
	margin:1em auto;
	display:none;
	font: normal 1em  'Dosis',sans-serif;
}

/*											*-----------------------------------*/ 
/* -----------------------------	*	form										*/
/*											*-----------------------------------*/ 

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-left: 1px solid #72B5E4;
	border-right: 1px solid #72B5E4;
	margin: .5em 0 .5em;
}

input, textarea, select
{
	background-color: #FFF;
	border-color: #777 #CCC #CCC #777;
	border-style: solid;
	border-width: 1px;
	font: normal 1em Verdana,sans-serif;
	padding: 2px;
}

input.button
{
	background: #E9E8E8 url( 'images/backgrounds.gif' ) repeat-x 0 -366px;
	border: 1px solid #888;
	border-color: #BBB #888 #888 #CCC;
	color: #444;
	cursor: pointer;
	font: normal 1em Verdana,sans-serif;
	margin-top: 5px;
	padding: 6px;
	width: auto;
}
input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active, input.button:hover, input.button:focus
{
	background: #FFFFF5;
}
input.button:hover, input.button:focus
{
	color: #123;
	cursor: pointer;
}

textarea
{
	overflow: auto;
}

input.image
{
	border: 0;
	padding: 0;
}

/* Specific */

.form_row
{
	background: #D4E8F4;
	border-bottom: 1px solid #72B5E4;
	padding: 4px 0;
}
.form_required
{
	font-weight: bold;
}
.form_row_submit, .legend
{
	/* background: url(images/headerTicketO.jpg) no-repeat top right; *7
	/*background: url( 'images/grain_dark.gif' ); */
	background: #72B5E4;
	border-bottom: 1px solid #72B5E4;
	border-top: 1px solid #72B5E4;
	padding: 4px 0 8px;
	color:#fff;
	font-family: 'Dosis',sans-serif;

}
.legend
{
	padding: 6px 18px 6px;
	font-size:1.2em;
}
.form_property, .form_value, .form_grid
{
	float: left;
}
.form_property
{
	font-size: 1em;
	text-align: right;
	width: 175px;
	color:#206FA5;
	font-family: 'Dosis',sans-serif;
}
.form_value, .form_grid
{
	padding-left: 24px;
}
.form_row_submit .form_value
{
	padding-left: 152px;
}
.form_column
{
	width:375px;
}

.form_row .form_value input
{
	width:290px;
}
.form_row .form_value select
{
	width:295px;
}
.form_row .form_value textarea
{
	width:290px;
}

label.error
{
	color:Red;
}

.form_row label.error
{
	padding: 2px 2px 2px 2px;
	display:block;
}
/*											*-----------------------------------*/ 
/* -----------------------------	*	portlet									*/
/*											*-----------------------------------*/ 
.portlet
{
	margin: 0 auto 1em;
}
.portlet-header
{
	margin: 0.3em;
	padding-bottom: 4px;
	padding-left: 0.2em;
}
.portlet-header .ui-icon
{
	float: right;
}
.portlet-content
{
	padding: 0.4em;
}
.portlet-content li span
{
	color:#206FA5;
	padding-left:.5em;
}
.portlet-content li ul li
{
	color:#206FA5;
}