/* * IVORY Framework * * A simple,flexible,powerful and fully responsive grid based front-end web framework * makes your web development faster and easier,& it takes you all the way from 1200px on down to 320px. * * Developed by Lakshmikanth Vallampati - kanth.vallampati@gmail.com * Licensed under GPLv2 * http://weice.in/ivory * */


/*HTML 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-size: 100%;
	 font: inherit;
	 vertical-align: baseline;
	 font-family: OpenSansRegular;
}


/* ============ PAGE STRUCTURE ============= */


body { background-color: #F2F2F2;
background:url(../images/bg.jpg) top left repeat;
 font: 13px/22px OpenSansRegular, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 color: #555; }

footer, header {display: block; 
}

/*ENTIRE PAGE WRAPPER---------------------------------/*/
.boxedtheme{
	margin: 1em auto 1em auto;
	max-width: 1200px;
	width: 100%;
	background: #f8f8f8;
	-moz-box-shadow: 0 4px 25px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.3);
	box-shadow: 0 4px 25px rgba(0,0,0,0.3);
}


/*MEDIASPACE TOP BANNER---------------------------------/*/

.boxedshadow {
	min-height: 120px;
	padding:.5em 0 .5em 0;
	background: #f2f2f2 url(../images/Regis_MediaSpace_banner.fw.png) top left no-repeat;
	border-bottom:solid medium #FFD200;
	
}

/*STRUCTURE FOR MIDBOX - LOGIN & WELCOME VIDEO--------/*/

.c12 { 
	width: 100%;
	margin:0em auto 0em auto;
 }


/*LOGIN BOX----------------------------------------------*/

#login {
	background-color: #F2F2F2;
	width: 20%;
	margin:2.5% 5% 1% 5%;
	float: left;
	padding:1em;
	border:thin solid #00234C;
	min-width:10em;
}

.loginBtn {
	background-color:#FEBF10;
	padding: .6em;
	cursor: pointer;
	margin:0 .5em .5em 0;
}

.loginBtn:hover {
    background: #FFDD41;
}

.form_title {
	background-color:#00234C;
	color: #fff;
	line-height:2em;
	font-size: 120%;
	margin-bottom: 1em;
	text-align:center;
}

form { margin-bottom: 20px; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; }
fieldset { margin-bottom: 20px }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { background: #ffffff; border: 1px solid #ddd; padding: 8px 8px; vertical-align: middle; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: border linear 0.4s,box-shadow linear 0.4s; -o-transition: border linear 0.4s,box-shadow linear 0.4s; -moz-transition: border linear 0.4s,box-shadow linear 0.4s; -webkit-transition: border linear 0.4s,box-shadow linear 0.4s; margin: 0; width: 100%; display: block; margin-bottom: 20px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid; border-color: rgba(82,168,236,0.8); color: #444; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); }
textarea { min-height: 120px }
input[type="checkbox"] { display: inline }
label span, legend span { font-size: 12px; color: #444; }
label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }


/*WELCOME VIDEO BOX------------------------------*/

.video-embed  {
	border: 1em solid #e6e4df;
	overflow: hidden;
	margin:2% auto 2% auto;
}


/*THIS IS THE DIV FOR THE THREE WHAT/HOW/WHY BOXES------/*/

.c4 { 
     width:33.33%;
	 border-top:solid medium #FFD200;
	 padding-top:1.5em;
}

.c4 p {
	padding:.4em;
}


.hometitlebg { 
    background: #00234C;
	color: #fff;
	width:100; 
	font-size:130%;
    font-weight: bold;
	margin-top: 0px; 
	text-align: center; 
	margin-bottom: 0px; 
	font-family: OpenSansLight !Important; 
}


/*FOOTER------------------------------*/

#Footer {
	background: #00234C url(../images/RU_Logo_white.fw.png) right center no-repeat;
	font-size: x-small;
	color: #FFF;
	padding:2.5em;
	border-top: solid thick #FFD200;
    margin:0;
}

#Footer p {
	text-align:center;
	color:#FFF;
	margin-top:1em;
}

#Footer a { color: #FFF; text-decoration: underline; line-height: inherit; }

#Footer a:hover { color: #FFD200; }



/* TYPOGRAPHY ------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-style: normal; color: #333; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; font-family: OpenSansBold; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #333; line-height: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }


h1 { font-size:145%; margin:1em .5em 1em .5em; color:#00234C;  }

h2 { font-size: 32px; line-height: 42px; margin-bottom: 8px; }

h3 { font-size:115%; margin-bottom: 6px; }

h4 { font-size: 24px; line-height: 32px; margin-bottom: 4px; }

h5 { font-size: 20px; line-height: 27px; font-family: OpenSansRegular; font-weight: bold; }

h6 { font-size: 16px; line-height: 27px; font-family: OpenSansRegular; font-weight: bold; }

a { color: #039; text-decoration: underline; line-height: inherit; }

a:hover { color: #FFD200; }

a:focus { color: #2ba6cb; outline: none; }

p { margin:1em .5em .8em .5em; color:#000; text-align:left; }

p a, p a:visited { line-height: inherit }

em, i { font-style: italic; line-height: inherit; }
strong { font-weight: bold; line-height: inherit; }
i { font-family: OpenSansItalic, Georgia }

.right {
	text-align:right;
	padding:1em;
}


/* LISTS ------------------------------------------ */

ol { margin:.5em .5em 0 3em;}

ul { list-style: circle;
     margin:.5em .5em 0 3em;}

li {
	padding:.3em;
}



/* =Media query for 960 Screens - sets nested grids to 100%-------------------------------------------------------------- */
@media only screen and (max-width:960px) { 
	.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12, .row .row .c1-5, .row .row .c1-8 { width: 100%; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
	.row .row>div:last-child { margin-bottom: 0 !important }
}

/* =Media query for iPad and tablets-------------------------------------------------------------- */
@media handheld,only screen and (max-width:768px),only screen and (max-device-width:768px) and (orientation:portrait) { 
	body { font-size: 90% }
	.row { margin-bottom: 0!important }
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	/*border-top: solid medium #FEBF10;*/
}
}

/*FONTS------------------------------------------------
Generated by Font Squirrel (http://www.fontsquirrel.com) on February 17, 2013 07:43:32 AM America/New_York */

@font-face { font-family: 'OpenSansLight'; src: url('fonts/OpenSans-Light-webfont.eot'); src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'OpenSansRegular'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansItalic'; src: url('fonts/OpenSans-Italic-webfont.eot'); src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansBold'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansBoldItalic'; src: url('fonts/OpenSans-BoldItalic-webfont.eot'); src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; }



/* Misc ----------------------------------------- */
.left { float: left }
.right { float: right }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.space-top { margin-top: 20px }
.space-bot { margin-bottom: 20px }
.space-htop { margin-top: 10px }
.space-hbot { margin-bottom: 10px }

.c5 { width: 41.66% }
.c6 { text-align:center; }
.c7 { width: 58.33% }
.c8 { width: 66.66% }
.c9 { width: 75% }
.c10 { width: 83.33% }
.c11 { width: 91.66% }
.c1-5 { width: 20% }
/* This column can be used as a one fifth of the row */
.c1-8 { width: 12.5% }
/* This column can be used as a one eigth of the row */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 { min-height: 1px; float: left; padding-left: 10px; padding-right: 10px; position: relative; }
.row .row { margin-left: -10px }
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }


/* --------------------------------------- Clearfixes ------------------------------------------ */

.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both }
.clear { zoom: 1 }

.row:before, .row:after, .clearfix:before, .clearfix:after { content: ''; display: table; }
.row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }

/* GRID Layout ----------------------------------------- */
* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0 auto }
.grid { margin: 0 auto; max-width: 1200px; width: 100%;padding: 0 20px; }
.g1140 { margin: 0 auto; max-width: 1140px; width: 100%; }
.g1024 { margin: 0 auto; max-width: 1024px; width: 100%; }
.g960 { margin: 0 auto; max-width: 960px; width: 100%; }
.row { width: 100%; margin: 0 auto; }
.c1 { width: 8.33% }
.c2 { width: 16.66% }
.c3 { width: 25% }

/* --------------------------------------- kaltura additions ------------------------------------------ */

div#login input{
	padding:0;
}
