/*    
Base Css
develop by : Poonam 
*/


@charset "utf-8";
/* Reset Css */
* {	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
a img {border:none}
h1, h2, h3, h4, h5, h6 {line-height:normal;}
img {font-size:0; line-height:0 }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:2px; border:0; background:url(../images/bg/hr.png) 0 0 repeat-x scroll; padding:0; }
/* END RESET CSS */

/* Hand Cursor for Clickable Element */
input[type=button], input[type=submit], button { cursor: pointer; display:block }
input, select { vertical-align:middle; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type=password] {font-family:Arial, Helvetica, sans-serif}
inut[type=text] {}

 


/* padding/margin/border/backgrounnd reset css */

.fl {float:left!important}
.fr {float:right!important}
.no-pad {padding:0px!important} /* no padding */
.no-margin {margin:0px!important} /* no margin */
.npdl {padding-left:0px!important} /* padding left:0 */
.npdr {padding-right:0px!important} /* padding right:0 */
.npdt {padding-top:0px!important} /* padding top:0 */
.npdb {padding-bottom:0px!important} /* padding bot:0 */
.nmrl {margin-left:0px!important } /* margin left:0 */
.nmrr {margin-right:0px!important } /* margin right:0 */
.nmrt {margin-top:0px!important } /* margin top:0 */
.nmrb {margin-bottom:0px!important } /* margin bottom:0 */
.no-bdr {border:none!important} /* border none */
.bdrb-none {border-bottom:none!important} /* border-bottom:none */
.bg-none {background:none!important } /* backgound:none */
 br.clear {clear:both; line-height:0px; font-size:0px; height:0px; }  
.clear {clear:both}
/* font face */
 
/* start Css */
 
body { padding:0; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; background:#F4F5F6 url(../images/body_background.png) left top repeat-x; }

.container {width:988px; height:652px; margin:0 auto; border:solid 1px #d6d6d6; position:relative; border-bottom:0px;}

.header {padding:20px 0 7px 20px; min-height:60px; overflow:hidden; background:#fff;}
.header .logo {float:left; padding-right:25px;}
.header h2 {float:left; background:url(../images/logo_sep.jpg) 0 0 no-repeat scroll; padding-left:20px; line-height:20px; font-size:16px; color:#0066cc; font-weight:normal; margin-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif }
.nav {padding:25px 0 0 0;}
.nav li {float:left; background:url(../images/nav-sep.jpg) 100% 3px no-repeat scroll; }
.nav li a {color:#0066cc; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 25px }
.nav li.active a {color:#0066cc; }
.nav  li.hover  a{color:#CC0033;}
/* for hover*/
.container a {
 color: rgb(94,94, 94);
 text-decoration:none;
}
.container a:hover{
 color: rgb(0, 102, 204);
 text-decoration:none;
}
.container a:hover1 {
 color: rgb(0, 102, 204);
 text-decoration:none;
}
.link{color:#5e5e5e!important;}
.link:hover{color:#0078cc!important; }
.alink:hover{color:#0078cc!important; text-decoration:underline!important;}
link:hover:visited{color:yellow!important; text-decoration:underline!important;}


/* wrapper */
.wrapper {display:block; background:url(../images/body_bg.jpg) 0 0 repeat-x scroll; padding:35px 0 0 35px; position:relative; min-height:523px;}
.wrapper .linkleft {float:left; width:330px; }
.wrapper .linkright {float:left; width:425px; }
.wrapper h2  {color:#f0242a; font-size:22px; display:block; padding-bottom:15px; font-weight:normal }
.wrapper h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:8px; display:block; color:#5f5f5f;}
.wrapper ul { padding-bottom:15px;}
.wrapper ul li {background:url(../images/bullet_01.png) 0 5px no-repeat scroll; padding:0 0 3px 13px; }
.wrapper ul li a {color:#0f67c8; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif  }
.img_man {position:absolute; right:0px; bottom:0px; }

.video-pop {width:939px; position:absolute; top:0px; left:50%;display:none;  margin-left:-480px; background:url(../images/bg_pop.png) 0 0 repeat-y scroll; padding:0 10px; z-index:9;}
.video-pop .video-header {min-height:28px; background:url(../images/bg_videoheader.jpg) 0 0 repeat-x scroll; }
.video-pop .video-header h3 {padding-left:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6c6e6f; line-height:28px; }
.video-pop .video-header h3 span {color:#6c6e6f }
.video-pop .player-window {width:936px; height:622px; background:#fff }
.bg_white {position:absolute; z-index:1; width:100%; min-width:100%; top:0; height:650px; left:0; background:#fff; display:none}

.container_footer {width:990px; height:32px; margin:0 auto; border:solid 0px #d6d6d6; position:relative; margin-top:-2px;}
.footer {background:url(../images/footer_bg.png) left top no-repeat;  height:32px; }
.footer ul {padding-left:485px; padding-top:2px; float:left; display:none; width:30px; height:30px; overflow:hidden}
.footer ul li {float:left}
.footer ul li a {width:27px; height:27px; display:inline-block; text-indent:-10000px;}
.footer ul li a.jp-play { background:url(../images/btn_play27x27.png) 0 0 no-repeat scroll}
.footer ul li a.jp-pause { background:url(../images/btn_pause27x27.png) 0 0 no-repeat scroll}
.footer ul li a:hover  {background-position:0 100%}
.footer a.exit_video {float:right; width:132px; height:23px; background:url(../images/btn_exit.png) 0 0 no-repeat scroll; margin:4px 35px 0 0; display:none}
.footer a.exit_video:hover {background-position:0 100%; }

div.jp-video-360p { width:936px; height:624px; }
div.jp-video-full {	position:fixed; width:100%; height:100%px; margin:0px!important; z-index:99999; top:0px; left:0px; }


@media only screen and (orientation:landscape)
{ 
.ipad .container {width:988px; height:640px; margin:0 auto; border:solid 1px #d6d6d6; position:relative}
.ipad .wrapper {min-height:510px; }
.ipad .bg_white {height:640px; min-height:640px; }
.ipad .video-pop .player-window { height:612px;}
}

a.controlbutton{
	width:27px;
	height:27px;
	display:block;
	overflow: hidden;
}
a.playbtn, a.pausebtn{
	width:27px;
	height:27px;
	display:block;
	background:url(../images/btn_play27x27.png) 0 0 no-repeat;
}
a.pausebtn{
	background:url(../images/btn_pause27x27.png) 0 0 no-repeat;
}