@charset "utf-8";
/* CSS Document */
/*--// http://oneblis.com/aboutus/ //--*/
/*========================  Import Fonts  =================================*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@import url(http://fonts.googleapis.com/css?family=Orienta|Roboto:400,500,700,300);
/*=========================================================================*/

/*======  Default Css  =======*/

html, body{margin: 0; padding: 0}
body, table, tr, td, div, span, p, samp, small, sub, fieldset, frame, iframe, dd, del, dfn, dl, dt, ul, li, ol{ font-family: Arimo; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
::selection{ background: #ad2029; color: #fff;}
::-moz-selection{ background: #ad2029; color: #fff;}
::-webkit-selection{ background: #ad2029; color: #fff;}
sub{font-family: Tahoma, Geneva, sans-serif; font-size: 10px;}

.fL{ float: left}
.fR{ float: right}
.fN{ float: none}
img{ border: 0}
.txtaL{ text-align: left;}
.txtaR{ text-align: right;}
.txtaC{ text-align: center;}
.txtaJ{ text-align: justify;}
.txtvT{ vertical-align: top;}
.txtvB{ vertical-align: bottom;}
.txtvM{ vertical-align: middle;}

.clear{ clear: both}
.bodtxt{ font-weight: 900}
.ml5{ margin-left: 5px}
.ml10{ margin-left: 10px}
.ml15{ margin-left: 15px}
.mr5{ margin-right: 5px}
.mr10{ margin-right: 10px}
.mr15{ margin-right: 15px}
.mtb5{ margin: 5px 0}
.mtb10{ margin: 10px 0}

.inline{ display: inline-block}
.block{ display: block;}
.show{ display: block;}
.hide{ display: none;}

.hgt20{ height: 20px;}
.hgt40{ height: 40px;}
.hgt60{ height: 60px;}
.hgt80{ height: 80px;}
.f11{ font-size: 11px !important}
.f12{ font-size: 12px !important}
.f13{ font-size: 13px !important}
.f14{ font-size: 14px !important}
.f16{ font-size: 16px !important}
.f18{ font-size: 18px !important}
.bradiusnone{ border-radius: 0px !important;}

.wd265{width: 265px !important;}
.wd250{width: 250px !important;}
.wd220{width: 220px !important;}
.wd200{width: 200px !important;}
.wd165{width: 165px !important;}
.wd110{width: 110px !important;}
.wd80{width: 80px !important;}
.wd75{width: 75px !important;}
.wd50{width: 50px !important;}

/*======  Site Css  =======*/
#topbg{ height: 3px; background: #bd2932; display: block; position: relative; z-index: 10}
.wrapper{ width: 1000px; margin: 0 auto;}

/*===========  Icon Css  =============*/
[class^=icon-], [class*= icon-]{ background:url(../images/icon-bg.png) no-repeat;}
.icon-cad-logo{ background-position: 0 0; height: 60px; width:174px; display: block;}
.icon-facebook{ padding: 6px 12px; background-position: -8px -75px; margin: 0 7px 0 0; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.icon-facebook:hover, .icon-facebook:focus{ padding: 6px 12px; background-position: -8px -106px;}
.icon-twitter{padding: 6px 12px; background-position: -40px -75px;margin: 0 7px 0 0; transition: background .25s ease-in-out; -moz-transition: background: .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.icon-twitter:hover, .icon-twitter:focus{padding: 6px 12px; background-position: -40px -106px;}
.icon-linkedin{padding: 6px 12px; background-position: -70px -75px; margin: 0 7px 0 0; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25 ease-in-out;}
.icon-linkedin:hover, .icon-linkedin:hover{padding: 6px 12px; background-position: -70px -106px;}
.icon-stumbleupon{padding: 6px 12px; background-position: -102px -75px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out;}
.icon-stumbleupon:hover, .icon-stumbleupon:focus{padding: 6px 12px; background-position: -102px -106px;}
.icon-studentRgt{ background-position: -201px -3px; display: inline-block; padding: 12px 15px; margin: 0 10px 0 0; border: 0px solid #ccc; float: left;}
#student-panel ul li a:hover .icon-studentRgt, #student-panel ul li a:focus .icon-studentRgt{ background-position: -244px -3px;}
.icon-enrollment{background-position: -201px -59px; display: inline-block; padding: 12px 15px; margin: 0 10px 0 0; border: 0px solid #ccc; float: left;}
#student-panel ul li a:hover .icon-enrollment, #student-panel ul li a:focus .icon-enrollment{background-position: -244px -59px;}
.icon-studFeed{background-position: -201px -112px; display: inline-block; padding: 12px 15px; margin: 0 10px 0 0; border: 0px solid #ccc; float: left;}
#student-panel ul li a:hover .icon-studFeed, #student-panel ul li a:focus .icon-studFeed{background-position: -244px -112px;}
.icon-upRsum{background-position: -201px -162px; display: inline-block; padding: 12px 15px; margin: 0 10px 0 0; border: 0px solid #ccc; float: left;}
#student-panel ul li a:hover .icon-upRsum, #student-panel ul li a:focus .icon-upRsum{background-position: -244px -162px;}
.icon-mkPay{background-position: -204px -217px; display: inline-block; padding: 12px 15px; margin: 0 10px 0 0; border: 0px solid #ccc; float: left;}
#student-panel ul li a:hover .icon-mkPay, #student-panel ul li a:focus .icon-mkPay{background-position: -247px -217px;}
.icon-right{ background-position: -15px -173px; display: inline-block; width:12px; height: 12px; border: 0px solid #ccc; position: relative; top: 2px; margin-right: 5px;}
.dflt-panel ul li a:hover .icon-right, .dflt-panel ul li a:focus .icon-right{background-position: -15px -147px; }
.icon-right-arrow{background-position: -134px -279px; display: block; float: left; height: 31px; position: relative; right: 19px; top: 7px; width: 13px;}
.icon-circle{background-position: -94px -279px; display: block; float: left; height: 12px; position: relative; right: 7px; top: 2px; width: 13px;}
.social-plugin{position: relative;text-align:right;}
.icon-register{ background-position: -40px -238px; display: inline-block; width:18px; height: 15px; border: 0px solid #ccc; position: relative; top: 2px; margin-right: 5px;}
.login-register a:hover .icon-register{ background-position: -40px -208px; display: inline-block; width:18px; height: 15px; border: 0px solid #ccc; position: relative; top: 2px; margin-right: 5px;}
.icon-login{background-position: -14px -238px;  display: inline-block; width:18px; height: 15px; border: 0px solid #ccc; position: relative; top: 2px; margin-right: 5px;}
.login-register a:hover .icon-login{ background-position: -14px -208px; display: inline-block; width:18px; height: 15px; border: 0px solid #ccc; position: relative; top: 2px; margin-right: 5px;}
/*==========  Strat Header Css ===========*/
#header-panel{ background: #fff; display: block; box-shadow: 0 0 3px #ccc; margin: 0; padding: 7px 0; border-bottom: 1px solid #e8e8e8\0/8; position: relative; z-index: 5}
#logo-cad{ width: 200px; border: 0px solid #ccc; display: inline-block;}
.dashboard{float: right; display: inline-block; height:60px; border: 0px solid #ccc;}
.user-status{ border-bottom: 1px solid #ccc; padding: 1px 0 10px; margin: 0 0 10px}
.user-name{ border-right: 1px solid #ccc; display: inline-block; font-size: 14px; color:#666}
div.logout{ display: inline-block; width: 60px; margin: 0 0 0 10px}
.follow{ display: inline-block; font-size: 13px; color: #444; font-weight: bold;margin:-2px 20px 0 0}
.pligin-panel{ display: inline-table;}

.login-register{ margin: 0px 0px 10px; border-bottom: 1px solid #ccc;}
.login-register a{ font-family: Roboto; font-size: 13px; color: #cb3942; font-weight: bold; border: 0px solid #ccc; padding: 5px 15px 5px 15px; display: inline-block; text-decoration: none;}
.login-register a:hover{ background: #f5f5f5; color: #333;}
.login-register a.register{ margin: 0 4px 4px 0; }
.login-register a.login{ float:right;}
#cadmania{color: #0088cc;display: inline-block;font-size: 24px;left: 202px;position: relative;text-decoration: none;top: -19px;width: auto;}
#cadmania a{color: #0088cc;font-size: 24px;text-decoration: none;outline:none;}
/*=========== Input, Textarea, Button, Select, Browse ===============*/
.btn{ margin-right: 10px; background: #cb3942; border: 1px solid #c04f57; text-decoration: none; box-shadow: inset 0 1px 0px #fc8d94; border-radius: 2px; color: #fff; font-family: Roboto; font-size: 12px; padding: 2px 5px;cursor: pointer; font-weight: bold;}
a.btn{color:#FFFFFF !important;}
.filed-tag input[type=button], .filed-tag input[type=submit], .filed-tag input[type=reset]{width: auto;}
.btn:focus{ background: #cb3942; box-shadow: inset 0 2px 3px #9e272f; }
.btn.logout{ background: #cb3942; color: #fff; font-family: Roboto; font-size: 12px;}
input[disabled=disabled], select[disabled=disabled], label[disabled=disabled]{ background: #dbdbdb; cursor: not-allowed;}
input.btn-primary,button.btn-primary{padding: 4px 20px; width: auto !important;background: #c8353f; font-size: 13px;
background: -moz-linear-gradient(top,  #c8353f 0%, #ab1f28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8353f), color-stop(100%,#ab1f28));
background: -webkit-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);	background: -o-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);
background: -ms-linear-gradient(top,  #c8353f 0%,#ab1f28 100%); background: linear-gradient(to bottom,  #c8353f 0%,#ab1f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8353f', endColorstr='#ab1f28',GradientType=0 );}
.filed-tag input[type=file], .fileInput{ background: #d6d5d4; padding: 3px 10px 3px 3px; margin: 10px 0 0; border-radius: 3px; color: #000; display: inline-block}
.filed-tag input[type=file]:hover, .fileInput:hover, .filed-tag input[type=file]:focus, .fileInput:focus{ background: #bd2933; color: #fff; cursor: pointer;}
textarea{padding: 3px 10px 3px 3px; margin: 10px 0 0; border-radius: 3px; color: #000; display: inline-block; border: 1px solid #ccc; width: 85%}
textarea:hover, textarea:focus{ border: 1px solid #EC8241}

/*=================  Form Css  =====================*/

.form-layout{ background: #fff; padding: 10px 15px;}
.left-line-bar{ position: relative; border-left: 4px solid #ccc;}
div.left-line-bar{left: -9px;}
.form-layout span.count-one{ background: #d0d0d0; padding: 2px 9px; color: #000; border-radius: 80%; position: absolute; left: -44px; top: -1px; font-family: Roboto; font-size: 12px; color: #333; font-weight: bold;}
.layout-panel{ border: 0px solid #000; margin: 0 0 0 25px;}
.form-layout h4{ font-family: Roboto; font-size: 14px; margin: 0; padding: 1px 0 0; position: relative}
.filed-layout{ background: #ededed; padding: 10px 15px; margin: 12px 0 0; position: relative; display: block;}
.filed-layout:before{  content: "";  width: 0px; height: 0px; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ededed; position: absolute; left: 10px; bottom: 100%}
.form-filed{ font-size: 14px; color: #333; font-weight: bold; font-family: Roboto;}
.filed-tag select{ padding: 5px 5px; border-radius: 3px; border: 1px solid #ccc; width: 90%}
.filed-tag select:focus{ padding: 5px 5px; border-radius: 3px; border: 1px solid #EC8241;  box-shadow: 0 0 3px #ccc}
.filed-tag input{ padding: 5px 5px; border-radius: 3px; border: 1px solid #ccc; width: 85%;}
.filed-tag input:focus{ padding: 5px 5px; border-radius: 3px; border: 1px solid #EC8241; box-shadow: 0 0 3px #ccc}
.agree-tag span.valid{ color: #f00; font-size: 12px; font-family: Tahoma, Geneva, sans-serif}

.filed-tag label{ display: inline-block; position: relative; margin-right: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #444; font-weight: normal; cursor: pointer;}
input[type=radio], input[type=checkbox]{ width: auto}
.agree-tag{ font-size: 11px; font-family: Tahoma, Geneva, sans-serif; color: #666; line-height: 18px;}
.agree-tag label{ position: relative; top: -3px;}
.personal-img{ background: #f4f4f4; border: 1px solid #ccc; padding: 2px; margin: 0px auto; width: 140px; height: 140px;}
.login-form{padding:10px 30px; display: block; width: 600px; margin: 0 auto; background: #ececec}
.main-table{ border: 1px solid #dbdada; background: #fff; padding: 15px 15px; width: 400px; margin: 30px auto}
.main-table h3{ margin:0 0 8px !important; padding:0 0 10px !important; font-family: Istok+Web !important; color: #333; font-size:18px !important; font-weight: normal; border-bottom: 2px solid #7c7c7c;}
.enroll-label{border: 0px solid #ccc; width:120px; display: inline-block; margin: 25px 0px 10px 17px;}
.enroll-input{ border: 0px solid #ccc; width: 255px; display: inline-block; margin: 25px 0px 10px;}
.submit-btn{ display: inline-block; margin: 10px 0 20px 140px;}

/*===================  Slider Css  ==================*/
#slider-panel{ height:300px; overflow: hidden; width: 1000px; margin: 0 auto; position: relative; box-shadow: 0 0 5px #ccc;}
#slider-panel img{ width: 100%;}
#slider{ height: 300px; width: 1000px; background: #fff; border: 0px solid #cc;c}
.upcomming-text{ font-family: HelveticaCondensedMedium; font-weight: bold; color: #ca431b; font-size: 29px}
.offered-list{ font-family: FranklinGothicMediumRegular; font-size: 15px; color: #3c3c3c; font-weight: normal; line-height: 20px\0/8;}
.slider-contener{background: #d75129;
background: -moz-linear-gradient(top,  #d75129 0%, #8f2707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d75129), color-stop(100%,#8f2707)); background: -webkit-linear-gradient(top,  #d75129 0%,#8f2707 100%); background: -o-linear-gradient(top,  #d75129 0%,#8f2707 100%); background: -ms-linear-gradient(top,  #d75129 0%,#8f2707 100%); background: linear-gradient(to bottom,  #d75129 0%,#8f2707 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75129', endColorstr='#8f2707',GradientType=0 ); }
.salient-features{ font-family: FranklinGothicMediumRegular; font-size: 31px; color: #fff; border-radius: 5px; padding: 5px 15px;
background: linear-gradient(to bottom,  #ca303a 0%,#b2242d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca303a', endColorstr='#b2242d',GradientType=0 ); }
.features-back{background: #fff; opacity: 0.8 !important; display: inline-block; filter: alpha(opacity=75); width: 840px; height: 170px;-moz-opacity:0.8 !important; -khtml-opacity: 0.8 !important;}
.for-head{font-family: FranklinGothicMediumRegular; font-size: 18px; color: #b2242d; line-height:25px; font-weight: normal;}
.features-content{font-family: FranklinGothicMediumRegular; font-size: 16px; color: #222222; font-weight: lighter !important; line-height:25px}
.advantage-cnt{font-family: HelveticaCondensedMedium; font-size: 16px; color: #fff; font-weight: normal;text-shadow: 0 0 3px #6B6B6B;}
.start-career{font-family: arial; font-size: 29px; background: #c6313a; padding: 10px 15px 5px; color: #fff; font-weight: normal; border-radius: 0 0 10px 10px}
.parametric-creo{font-family: FranklinGothicMediumRegular; font-size: 33px;color: #262626; font-weight: bold;}

.slide-btn{font-family: FranklinGothicMediumRegular; font-size: 16px; color: #fff; font-weight: normal; border: 1px solid #f7852c; box-shadow: inset 0 0 1px #fff; border-radius: 3px;
	background: linear-gradient(to bottom,  #fec85c 0%,#f3702c 100%); padding: 3px 10px; text-align:center; line-height: 28px \0/8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec85c', endColorstr='#f3702c',GradientType=0 );
}
.li-list-txt{ color: #262626; font-size: 13px; font-family: FranklinGothicMediumRegular; font-weight: normal; line-height: 20px \0/8;}
.isocat{font-family: FranklinGothicMediumRegular; font-size: 16px; color: #b2242d; font-weight: normal;}
.logo-btm-head{ color: #000000; font-size: 16px; font-family: arial; font-weight: bold;}
.technology-txt{color: #b2242d; font-size: 32px; font-family: FranklinGothicMediumRegular; font-weight: normal;}
.get-ready-txt{color: #0e0e0e; font-size: 22px; font-family: FranklinGothicMediumRegular; font-weight: normal;}
.fron-col3{ color: #b63009;}
.more-details{ color: #fff; font-size: 22px; font-family: Roboto; font-weight: normal; background: #b2242d; border-radius: 3px; height:35px; display: block;}
.more-details a{ color: #fff; font-family: Roboto; font-weight: normal; font-size: 18px; padding: 0 8px; text-decoration: none; display: block; position:relative; top: 3px; top: 16px\0/8;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.more-details a{position:relative; top: 16px; width: 406px !important;}.slide-btn{ position: relative; line-height: 20px; display: block;}.li-list-txt{ line-height: 20px;}
.offered-list{ line-height: 15px;}}


/*=================  Navigation  ==============*/
#navigation-panel{position: relative; z-index: 5; top: -5px;width: 1000px; margin: 0 auto}
.back-bg{ background: #000; height: 5px; opacity: 0.3; filter:alpha(opacity=30); }
#menu-panel{margin: 0; padding: 0;background: #c8353f;
background: -moz-linear-gradient(top,  #c8353f 0%, #ab1f28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8353f), color-stop(100%,#ab1f28));
background: -webkit-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);	background: -o-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);
background: -ms-linear-gradient(top,  #c8353f 0%,#ab1f28 100%); background: linear-gradient(to bottom,  #c8353f 0%,#ab1f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8353f', endColorstr='#ab1f28',GradientType=0 ); display: block; box-shadow: 0 2px 3px #ccc}
#menu-panel ul{ margin: 0; padding: 0;}
#menu-panel ul li{ margin: 0; padding: 0; list-style: none; float: left}
#menu-panel ul li a{ margin: 0; padding: 8px 14px 10px; padding: 8px 12px 10px\0/8; font-family: FranklinGothicMediumRegular; color: #fff; font-size: 15px; font-weight: normal; display: block; text-decoration: none; position: relative;}
#menu-panel ul li a:hover, #menu-panel ul li a.active{ background: #fff; color: #b72732;}
#menu-panel ul li a.active:before{ content: ""; position: absolute; z-index:5; top:0;background: #901f27; top: -5px; width: 100%; height: 5px; left:0}
li.drop a{ text-indent: -5px;padding: 9px 20px !important }
.drop{ position:relative;}
.drop:before{ content:''; position: absolute; top:45%; right:7px; border-top: 4px solid #fff;border-bottom: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent; z-index: 1024}
.drop:hover:before{border-top: 4px solid #b72732;border-bottom: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent;}

#menu-panel ul li ul{ display: none; position: absolute; z-index:1024; top: 35px;}
#menu-panel ul li:hover ul{ display: block; position: absolute; z-index:1024; background: #fff; padding: 7px 7px; top: 35px; border-radius: 5px; box-shadow: 0 0 4px #989898;width:230px; left: -153px;}
#menu-panel ul li:hover ul li{ display: block; list-style: none; float: none;z-index:1024;}
#menu-panel ul li:hover ul li a{ display: block; list-style: none; float: none;z-index:1024; color: #333}
#menu-panel ul li:hover ul li a:hover, #menu-panel ul li:hover ul li a.active{ background: #b72732; color: #fff; border:0}
#menu-panel ul li:hover ul li a.active:before{ height:0; background: none;}


/*==============  Middle Panel Css ===========*/
.welcome-wrapper{ font-family: Roboto; font-size: 12px; line-height: 18px; text-align: justify; position: relative; background: #fff; clear: both; z-index: 4; padding: 0 0 10px}
.welcome-wrapper h2{font-family: Roboto; color: #444; padding: 0 0 8px; margin: 0}
.welcome-panel{ position: relative; background: #fff;}
.welcome-panel:after { bottom: 0px; left: 5%; width: 90%; height: 50px; border-radius: 230px / 25px; box-shadow: 0 0 8px #565656; position: absolute; content: ""; margin: 0 auto}
.welcome-img{ width: 217px; padding: 1px; overflow: hidden; border: 1px solid #e8e8e8; margin: 0 18px 10px 0; display: inline-block; float: left;}
.inner-width{width: 740px; float: left;}
.middle-content{border: 0px solid #ccc; margin: 10px 0 0}
.middle-content h2, .middle-content h2{ font-family: Roboto; font-size: 18px; margin: 0; padding: 0 0 7px;}
.middle-content h3{ font-family: Roboto; font-size: 15px; margin: 0; padding: 10px 0 5px;}
.middle-content .content, .middle-content .content p{ font-family: Roboto; font-size: 13px; color: #474747; line-height: 20px;}
.middle-content .content b{ font-family: Arimo; font-size: 13px; color: #474747; line-height: 20px; color: #333}
hr.headhr{ height:0; width:100%; padding: 0; margin: 2px 0 7px;}
hr.innerhr{ height:0; width:100%; padding: 0; margin: 15px 0 7px; border:0; border-bottom:1px solid #ccc}
.pera-break{ margin: 10px 0 0 50px;}
.pera-break ul{ margin: 0;}
.pera-break ul li{ margin: 0; font-family: Roboto; font-size: 13px;}

#right-panel{width: 242px; float: right}

/*==========  Student Panel  ===========*/
#student-panel{ width: 219px; float: left; border: 1px solid #e5e4e4; margin: 10px 0 0; border-radius: 3px; overflow: hidden;}
#student-panel ul{ margin: 0; padding: 0;}
#student-panel ul li{ margin: 0; padding: 0; list-style: none; float: none;}
#student-panel ul li a{ margin: 0; padding: 15px 15px; background: #f7f7f7; color: #353534; text-decoration: none; display: block; font-family: Roboto; font-weight: bold; font-size: 14px; font-size: 13px\0/8; border-top: 1px solid #e5e4e4; transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out;}
#student-panel ul li:first-child a{border-top: 0px solid #e5e4e4;}
#student-panel ul li a:hover{background: #bd2933; color: #fff; text-decoration: none; display: block;}
#student-panel ul li a:focus{ box-shadow: inset 0 1px 5px #85121a; background: #bd2933; color: #fff;}
/*=============  Certification Panel  ===============*/
.dflt-panel{ width: 241px; float: left; margin: 10px 0 0 15px;}
.dflt-panel h2{ border-left: 3px solid #a91923; background: url(../images/head-bg.png) repeat #efefef; padding: 5px 10px; font-family: Roboto; font-size: 17px; margin: 0;}
.dflt-panel ul{ margin: 10px 15px 0 15px; padding: 0;}
.dflt-panel ul li{ margin: 0; padding: 0 0 6px; list-style: none; float: none;}
.dflt-panel ul li a{ margin: 0; padding: 0 0 0; text-decoration: none; color: #313131; font-family: Roboto; font-size: 13px; font-weight: bold; display: block;}
.dflt-panel ul li a:focus{ outline: 1px dotted #333; color: #b0232c;}
.dflt-panel ul li a:hover{ color: #b0232c;}
.std-corner ul{ margin: 10px 28px 0}
.std-corner ul li{ margin: 0; padding: 0 0 6px; list-style: outside; float: none;}
/*==============  Affiliation Panel  ==============*/
ul.affil-list{ margin: 10px 0 0}
ul.affil-list li{}
ul.affil-list li a{ padding: 5px 0 5px; border-bottom: 1px solid #ccc;}
ul.affil-list li a img{ margin: 0 auto; display: block;}
ul.affil-list li a:hover{ background: #E5E5E5}
/*============  News Articale Panel  ============*/
ul.news-articale{margin: 10px 0 0}
ul.news-articale li{ list-style: none; float: none; margin: 0; padding: 0;}
ul.news-articale li a{padding: 5px 10px; border-bottom: 1px dotted #ccc; font-weight: normal; font-size: 12px;}
ul.news-articale li a:hover{ background: #f4f4f4}

/*==================  Testimonial Panel  =============*/
#testimonial-panel{ background: #f7f7f7; border: 1px solid #e9e8e8; position: relative; overflow: hidden;}
.testimonial-head{ background: #f7f7f7;  position: absolute; display: inline-block; overflow: hidden; height: 100%; width: 135px; padding: 18px 0 0}
.testimonial-head h2{background: #f7f7f7; display: block;}
.testimonial-head:after { bottom: 0px; left: 0px; top: -10px;  width: 90%; height: 120%; border-radius: 230px / 25px; box-shadow: 0 0 8px #565656; position: absolute; content: ""; margin: 0 auto}

.testimonial-content{ display: block; border: 0px solid #000; height: auto; width: 860px; float: right; padding: 10px 0; margin-top: 5px;}
.testimonial{ background: #e7e7e7; padding: 10px 15px; display: inline-block; width:600px; line-height: 18px; font-style: italic; position: relative;}
.testimonial:before{ content: "";  width: 0px; height: 0px; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #e7e7e7; border-bottom: 10px solid transparent; position: absolute; right: -20px; top: 16px; float:right;}
.testimonial-writer{ width: 200px; border: 0px solid #ccc; float: right; margin-top: 10px;}
.testimonial-writer a{ font-family: Roboto; font-size: 12px; color: #bd2932; line-height:18px; margin-bottom: 3px; text-decoration: none; font-style: italic; font-weight: bold; display: block; text-align: left;}
.testimonial-writer span{font-style: italic; color: #6a6a6a; font-size: 11px; text-align: left; display: block;}

.testimonial-wrapper{ border: 0px solid #ccc; padding: 10px 15px;}
.tm-blogger{ display: inline-block; width:55px; height:55px; border: 1px solid #ccc; border-radius: 50%; padding:2px; background: #fff; float: left; position: relative;}
.blogger{width:55px; height:55px; background: url(../images/icon-bg.png) no-repeat #dcdcdc; background-position: -101px -152px; margin: 0 auto; border: 0px solid #ccc; border-radius: 50%; display: inline-block; overflow: hidden; cursor: pointer;}
.blogger-name{ position: absolute; margin: 5px 0 0; font-style: italic; color: #bb2b34; cursor: pointer;}
.tm-bg-content{ border: 1px solid #ccc; display: inline-block; width: 800px;float: left; margin:0 0 0 30px; position: relative; padding: 12px 15px; border-radius: 5px;}
.tm-bg-content:before{ content: ""; position: absolute; border-left: 12px solid transparent; border-right: 12px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 19px; left: -25px}

/*===========  Contact Us  ============*/
.contact-details{ width:475px; border: 0px solid #ccc; display: inline-block; margin: 15px 0 0; background: #f7f7f7;border:1px solid #d9d9d9;border-bottom: 4px solid #c9c9c9; padding:5px 0 10px 3px; box-shadow: 0 0 3px #e1e1e1; float: left}
.map-contant{ width:510px; border: 1px solid #ccc; display: inline-block; float: right; margin: 15px 0 0; padding: 2px;}
.brdrgt{ border-right: 1px solid #ccc;}
.contact-details a, .link{ color: #0b76bb; font-family: Roboto; font-size: 13px;}
.contact-details a:hover, .contact-details a:focus, .link:hover, .link:focus{ color: #b2242d; font-family: Roboto; font-size: 13px;}
/*============  career-panel  ==============*/
#careerSearchDivFrnt{ border: 1px solid #ccc; background: #f5f5f5; padding: 5px 10px;}
.news-ul{list-style:none; margin:0px; padding:0px; font-weight:bold; font-size:12px; font-family: Tahoma, Geneva, sans-serif;}
.news-li{background-image:url(../images/lindedot.jpg); background-position:bottom; background-repeat:repeat-x;	padding-bottom:5px; margin: 10px 0; overflow: hidden; border-bottom: 1px dotted #ccc;}
.news-samp-text{ font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight: normal; width: 100%;	float: left; line-height: normal;}
.small-title{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:normal; margin:0px; padding:0px; font-weight:bold;}
.small-title-1{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:normal; color:#ad2029; font-weight:bold;}
.small-title-2{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:normal;color:#134894; font-weight:bold;}
.small-title-3{ font-family:Tahoma, Geneva, sans-serif; font-size:11px;color: #ad2029; text-decoration: none;}
.readmore2{	padding-top:0px; float:right; padding-bottom: 5px;}
.services-link{ text-decoration: none;}
.career-search-content{ border: 1px solid #e3e3e3; padding: 10px 15px; margin: 10px 0}
.job-code{font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:normal; color:#ad2029; font-weight: normal;}
.job-code a{color:#ad2029;text-decoration:none;cursor:pointer;}
.career-descrip{ margin: 5px 0 0}
/*==============  Our Team  ==============*/
.team-group-list a{ display: block; width: 80px; height: 80px; border: 1px solid #ccc; display: block; padding:5px 5px 5px 5px; background: #fff; position: relative; border-radius: 50%}
.team-group-list a span{width: 80px; height: 80px; border: 1px solid #ccc; background: #f5f5f5; display: block; overflow: hidden;border-radius: 50%}
.teamp-name{position: absolute; top: 10px; font-style: italic; color: #b4262f}

/*========== Gallery Page =========*/
.gallery-item.first{margin-left:0px;}
.gallery-item{ box-shadow:0px 0px 2px 1px #ccc; width: 200px;background: #fff; margin-left:38px; float:left; padding:5px 5px; overflow:hidden;}
.gall-item-name a{ font-family:Franklin Gothic Medium; font-size:14px; display:block;text-align:center; padding: 5px 5px 7px; margin:2px 0px; background: #E1E1E1; color: #333; text-decoration:none;}

/*===============  Footer Panel  ==============*/
#footer-panel{ border-top: 4px solid #a6a6a6; background: #bd2933; padding: 10px 0}
.copy-right{ float: left; color: #fff; width: 300px; display: block; line-height: 39px;}
.powerd-by{ float: right; color: #fff; width: 256px; display: block; line-height: 39px;}
.powerd-by img{ float: right; position: relative; top: -3px}


/*================  Attach Fonts  ===============*/
@font-face {font-family: 'FranklinGothicMediumRegular';
    src: url('../font/frankline/framd.eot');
    src: url('../font/frankline/framd.eot') format('embedded-opentype'),
         url('../font/frankline/framd.woff') format('woff'),
         url('../font/frankline/framd.ttf') format('truetype'),
         url('../font/frankline/framd.svg#FranklinGothicMediumRegular') format('svg');
}
.ajaxLoading {box-shadow: 0 0 3px 3px #DFDFDF;border: 2px solid #BB2F38;border-radius: 5px;display: none;left: 50%;margin-left: -214px;margin-top: 233px;padding: 10px;position: absolute;top: 45%;width: 183px;background:#FFF;color:#333333;}
.compulsoryMark {color:#ff0000;padding-left:5px;vertical-align:top;}
.frmErrMessage {border:1px solid #FF0000;color:#FF0000;display:none;}
.frmErrMessage ul, .frmErrMessage li {padding:0px;margin:0;color:#FF0000;line-height: 23px;list-style: none outside none;}

.listTable {
	border-collapse:collapse;
	border-spacing:0px;
}
.listTable th {
	background-color:#F0EEEE;
	color:#fff;
	font-weight: bold;
	font-family: Roboto;
	font-size:13px;
	border:1px solid #ADADAD;
	color:#333;
}
.listTable td {
	font-size:11px;
	border:1px solid #ADADAD;
}
.listTable td.txtRt {
	padding-right: 5px;
}
.listTable td {
	padding-left: 5px;
}
.listTable .actions td{ border:0px solid #ADADAD;}

.scroll-text {width: 240px; height: 220px; overflow: hidden;margin-top: 10px}
.scroll-text ul {width: 240px;height: 1000px;overflow: hidden;margin: 0;}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-month, 
.ui-datepicker .ui-datepicker-title span.ui-datepicker-year{ color: #fff !important;}

.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;background: #c8353f;
background: -moz-linear-gradient(top,  #c8353f 0%, #ab1f28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8353f), color-stop(100%,#ab1f28));
background: -webkit-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);	background: -o-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);
background: -ms-linear-gradient(top,  #c8353f 0%,#ab1f28 100%); background: linear-gradient(to bottom,  #c8353f 0%,#ab1f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8353f', endColorstr='#ab1f28',GradientType=0 ); }		

a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all{ border:0;}
a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover, a.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover{ background: #fff !important; border:0 !important;}


a.ui-datepicker-prev .ui-corner-all .ui-widget-header .ui-icon .ui-icon-circle-triangle-w{ background-position: -80px -192px !important;}
a.ui-datepicker-next .ui-corner-all .ui-widget-header .ui-icon .ui-icon-circle-triangle-e{  background-position: -48px -192px !important;}


.ui-datepicker-header .ui-icon {background-image: url(/js/jquery/themes/base/images/ui-icons_ffffff_256x240.png) !important /*{iconsHeader}*/; }
.ui-datepicker-header .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/js/jquery/themes/base/images/ui-icons_cc0000_256x240.png) !important/*{iconsHover}*/; padding: 0; border:0; background-color: #fff;}

.ui-dialog, .ui-widget-overlay{ z-index:1024;position: fixed !important;}
.ui-widget-overlay{  width: 100%; height: 100%;}


					.ui-draggable .ui-dialog-titlebar {
     cursor: move;background: #c8353f; color: #fff; border:0; padding: 5px 10px 7px;
background: -moz-linear-gradient(top,  #c8353f 0%, #ab1f28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8353f), color-stop(100%,#ab1f28));
background: -webkit-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);	background: -o-linear-gradient(top,  #c8353f 0%,#ab1f28 100%);
background: -ms-linear-gradient(top,  #c8353f 0%,#ab1f28 100%); background: linear-gradient(to bottom,  #c8353f 0%,#ab1f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8353f', endColorstr='#ab1f28',GradientType=0 );
}

.ui-dialog .ui-dialog-title {
     float: left; color: #fff; font-size: 14px; font-family: Roboto;
     margin: 0.1em 16px 0.1em 0px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
background: url("/js/jquery/themes/base/images/ui-icons_ffffff_256x240.png") repeat scroll -96px -128px transparent;
margin: -8px 0 0px -9px !important
}

.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick {
background: url("/js/jquery/themes/base/images/ui-icons_cd0a0a_256x240.png") repeat scroll -96px -128px transparent; margin: -8px 0 0px -9px !important
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close{
background: none;
border: 0px ;
padding: 0px;margin: -8px 0 0px -9px !important
}
.ui-dialog .ui-dialog-titlebar-close span{ margin: 0 !important}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
background: none repeat scroll 0% 0% #FFFFFF ! important;
border: 0px none ! important;
padding: 0px;
}

button.ui-button{background: transparent ! important;}

.fldCap {font-family: "Verdana,Arial,Helvetica,sans-serif"; font-size: 12px; font-weight: bold;}

#frmReportSendErrMessage {padding-left: 18px !important;padding-top: 12px !important;}

input.error, select.error , textarea.error{padding-left:5px;color:#f00;border:solid 1px #F00;}
label.error{padding-left:5px;color:#F00;font-style:italic;font-weight:bold;font-size:11px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}


.for-support{display: inline-block; float: right; position: relative; top: 11px; width: 479px; background: none repeat scroll 0% 0% rgb(246, 246, 246); border: 1px solid rgb(226, 226, 226); padding: 0 16px 10px;}
.for-support div{ padding-bottom: 5px}