/* Fonts CSS Begin  */

/* Font Icons Begin*/


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

}
/* Font Icons End */

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}
/* Fonts CSS End  */
/* Reset CSS Begin */
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;
}

/* HTML5 display-role reset for older browsers Begin */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* HTML5 display-role reset for older browsers End*/
/* Reset CSS End */

/* Common CSS Begin */
body {
	background: none repeat scroll 0 0 #ECECEC;
	 font-family: 'ralewayregular';
	font-size: 12px;
	-webkit-text-size-adjust: none;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
  height: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
	line-height: normal;
}
a, a:link {
	outline: medium none;
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
a:active, a:focus {
	outline: medium none;
}
select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}
img {
	border: medium none;
	max-width: 100%;
}


input[type="button"], button {
	border-radius: 0 0 0 0;
	outline: medium none;
	overflow: visible;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
input::-moz-focus-inner, button::-moz-focus-inner {
 border: 0;
}
.Clr {
	clear: both;
}
:focus {
	outline: medium none;
}
.No-bor {
	border: medium none !important;
}
.No-disp {
	display: none !important
}
.Fr {
	float: right !important;
}
.Fl {
	float: left !important;
}

.Video-upload .uploadify-button{border:none !important}

h1{  font-family: 'ralewayregular'; font-size: 34px; color: #001e2e; padding: 10px 0}
h2{  /*font-family: 'ralewaybold';*/ font-family: 'Raleway', sans-serif; font-weight:700; font-size: 34px; color: #0070ad; padding:10px 0}
input[type="text"], input[type="password"]{font-family: 'museo300';}

input.Blue-btn, button.Blue-btn, a.Blue-btn {
	background: #0171B0;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'ralewaysemibold';
    text-transform:uppercase;
}
input:hover.Blue-btn, button:hover.Blue-btn, a:hover.Blue-btn {
	background: #0A8DD3;
	}
input:active.Blue-btn, input:focus.Blue-btn, button:active.Blue-btn, button:focus.Blue-btn, a:active.Blue-btn, a:focus.Blue-btn  {
	box-shadow: 2px 2px 2px #0171B0 inset;
}
input.Black-btn {
	background: #424242;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'ralewaysemibold';
}
input:hover.Black-btn {
	background: #555;
	}
input:active.Black-btn, input:focus.Black-btn {
	box-shadow: 2px 2px 2px #424242 inset;
}
input.Border-small-btn, a.Border-small-btn{
    background: #fff;
    border: none;
    border:1px solid #0085cc;
    cursor: pointer;
    color: #0085cc;
    font-size: 11px;
    padding: 5px 10px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'ralewaymedium';
    text-transform: uppercase;
    min-width: 80px;

}
input:hover.Border-small-btn, a:hover.Border-small-btn{  background: #e5f2fa ;}

input.Blue-small-btn, a.Blue-small-btn{  
    background: #0085cc ;
    border: none;
    border:1px solid #0085cc;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'ralewaymedium';
    text-transform: uppercase;
    min-width: 70px;
    margin:0 0 0 5px;
}
input:hover.Blue-small-btn, a:hover.Blue-small-btn{ background: #0494e1; }
/* Common CSS End */


/* Navigation Start */
nav[role="nav"]{ border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}
nav[role="nav"] ul{  }
nav[role="nav"] ul li{ float: left; width: 20%;}
nav[role="nav"] ul li a{ float: left; width: 100%; padding: 10px 0px; text-align: center; text-transform: uppercase; color: #666666; font-family: 'museo300'; font-size: 19px; position: relative;  transition: all 0s ease-in-out 0s;
    -moz-transition: all 0s ease-in-out 0s;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    border-right:1px solid #ebebeb;
}
nav[role="nav"] ul li a i{margin-right:4px; padding:4px;}
nav[role="nav"] ul li a span.Nav-text{ display:inline-block}
nav[role="nav"] ul li a span.Nav-icon{ width: 24px; height: 21px; display:inline-block; padding: 1px 0px 0 0; text-align: center; }

nav[role="nav"] ul li a span.App-name{ background: url('/content/admin/image/appname.svg') no-repeat; }

nav[role="nav"] ul li a span.Design{ background: url('/content/admin/image/design.png') no-repeat; }
nav[role="nav"] ul li a span.Features{ background: url('/content/admin/image/features-icon.png') no-repeat; }
nav[role="nav"] ul li a span.Chapters{ background: url('/content/admin/image/chapters.png') no-repeat;}
nav[role="nav"] ul li a span.Users{ background: url('/content/admin/image/users.png') no-repeat;}

nav[role="nav"] ul li a:hover span.App-name, nav[role="nav"] ul li a.Current span.App-name{ background: url('/content/admin/image/appname_s.svg') no-repeat; }
nav[role="nav"] ul li a:hover span.Design, nav[role="nav"] ul li a.Current span.Design{ background: url('/content/admin/image/design-active.png') no-repeat; }
nav[role="nav"] ul li a:hover span.Features, nav[role="nav"] ul li a.Current span.Features{ background: url('/content/admin/image/features-active.png') no-repeat; }
nav[role="nav"] ul li a:hover span.Chapters, nav[role="nav"] ul li a.Current span.Chapters{ background: url('/content/admin/image/chapters-active.png') no-repeat;}
nav[role="nav"] ul li a:hover span.Users, nav[role="nav"] ul li a.Current span.Users{ background: url('/content/admin/image/users-active.png') no-repeat;}


nav[role="nav"] ul li a:hover, nav[role="nav"] ul li a.Current{background: #6A6A6A ; color: #fff;}
nav[role="nav"] ul li a:hover .Arrow-down, nav[role="nav"] ul li a.Current .Arrow-down { position: absolute; bottom: -12px; left: 45%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #666;}

/*disable design and feature at first time*/
#nav a.disabled {
    opacity: 0.4;
    pointer-events: none;
}


#header div.menu
{
        width:800px;
        float:left;
}  

/*nav[role="nav"] ul li a:hover{background: #6A6A6A url('../images/nav-down-arrow.png') no-repeat center 18px; color: #fff;}*/
/* Navigation End */

/* Instructor Navigation Begin */
nav[role="nav"] #Instructor-nav li { width:33.3339%;}
nav[role="nav"] #Instructor-nav li a{ line-height: 26px; height: 26px;}

/* Instructor Navigation End */


/* Tool Tip Begin */
.Tooltip { position: relative; display: inline-block; cursor: pointer; }
.Tooltip .Tooltiptext { visibility: hidden; width: 120px; background-color: #6a6a6a ; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; /* Position the tooltip */ position: absolute; z-index: 1; top: -20px; left: 105%; font-size:12px; }
.Tooltip:hover .Tooltiptext { visibility: visible; }
.Arrow-left { border-bottom: 7px solid transparent; border-right: 7px solid #666; border-top: 7px solid transparent;  height: 0; left: -6px;  position: absolute; top: 40%; width: 0; }
/* Tool Tip End */
.Disable{ color: #ddd !important; cursor: default;}


#Wrapper{min-height: 100%; margin-bottom: -40px;  }
.Container{ width: 1170px; margin: 0 auto;}
#Home-page{ background: url(/content/admin/image/home-bg.jpg) no-repeat; background-size:cover;}
header[role="Header"]{ border-bottom : 1px solid #B1D0E5; position:static; padding: 10px 0; -webkit-box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; box-shadow: 0 0 4px #ccc; background:#FFF;}

#Home-page header[role="Header"]{ -webkit-box-shadow: 0 0 0px #ccc; -moz-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px;}
#Logo{ float: left;}
#Logo a{ background: url(/content/adminnew/image/logo.png) no-repeat; width:101px; height: 56px; float: left;}
#Header-login{ float:right; padding: 10px 0 0; position:  relative;}
#Content-body{ padding-bottom: 52px;}

.Inner-page-container{ background: #fff; margin-top: 10px; -webkit-box-shadow: 0 0 2px #ddd; -moz-box-shadow: 0 0 2px #ddd; box-shadow: 0 0 2px #ddd;}
.Inner-content{ padding: 50px 40px;}


#ui-datepicker-div{ display: none !important;}

.uploadify-button
{
    background-image: url("/content/admin/image/plus-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 1px #ccc;
    border-radius: 3px;
    /*width:102px !important;
    height:102px !important;*/
}
#SWFUpload_0{
    width:102px;
    height:102px;
    left:0
}
#uploadIcons
{
   float: left;
    text-align: center;
    color: #000;
    margin-right:91px;
    margin-left:0px;
}
.ui-dialog-titlebar{display:none}
p#errorMsg{margin-top: -5px; margin-bottom: 5px; color:red}
p#errorMsgInst{margin-top: -5px; margin-bottom: 5px; color:red}