/* CSS Document */

/* 
    Theme Name: Sri Sai Ram Engineering College.
	Website Url: http://wwww.sairamgroup.in
	Description: iTech India Pvt Ltd website design - April 2011.
	Version: 2.0
	Author: MuthamilSelvan S (MSM38), iTech India Pvt Ltd.
	Author URL: http://www.iTech-India.com/
	*/


/*@import url("../CSS/TabNews.css");
*/

/* --
	Styles Index
	=======
	1.0 Document Body
	
	2.0 Header
	
	3.0 Site structure
		 
	4.0 Inner pages Site structure
	
	5.0 Footer
	
	6.0 Common Classes
	
-- */

 
/* -- 1.0 Document Body -- */
@charset "utf-8";
body {
	margin:0px auto; 
	padding:0px;    
	background-color:transparent;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}


/* -- 2.0 header -- */
#Header {
	display:block;
	vertical-align:middle;
	float:none; 
	width:100%;
	height:93px;
	/*background:#C30;*/
	background:url(../images/HeaderBG.jpg) repeat-x;
}

#LogoArea{ margin:0px auto;
		   padding:0px;
           height:100%;		    
		   display:block;
		   float:none;		   
}

#Search {
	display:block;
	float:left; 
	width:290px;
	height:93px;
	/*background-image:url(../images/Search.jpg);*/
}

#Logo {
    background-image: url("../images/Logo.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    float: none;
    height: 93px;
    margin: 0 auto;
    max-width: 420px;
}

#Login {
	display:block;
	float:right;
	width:280px;
	height:93px;
	/*background-image:url(../images/Login.jpg);*/
}



/* -- 3.0 Site structure -- */
.Clr {clear:both;}

#Wrapper{ width:1000px; 
          max-width:1000px; 
		  margin:0px auto;
	      padding:0px 0px 0px 0px;
		  height:auto;
		  float:none;
		  display:block; 
		  min-height:50px;		  
}

#TopMenuList {
	display:block;
	float:none; 
	width:100%;
	height:162px;
}

#TopMenu{ width:1000px; 
           margin:0px auto;
		   float:none;
		   padding:0px;
           height:162px;	    
		   display:block;
		   background:url(../images/TopMenuBG.jpg) repeat-x;
}
 
#LftContent {
	display:block;
	float:left; 
	width:190px;
	height:auto;
	
}

#RgtContent {
	display:block;
	float:left;
	width:809px;
	height:auto;
	border-left:#d8deee solid 1px;
}

#LftMenuArea {
	display:block;
	width:190px;
	height:286px;
	/*background-color:#CFC;*/
}
.modalBackground
{
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.5;
}
.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}
#BannerArea { 
    display:block;
	float:none;
	width:809px;
	height:286px;
}

#BodyContent {
    display:block;
	float:left;
	width:800px;
	height:auto;
	margin-top:10px;
}
 
#ChairmanMsg{
	float:none;
	display:block;
	width:100%;
	height:270px; 
}


#QuickLinks{
	float:none;
	display:block;
	width:100%;
	height:275px; 
}


#NewsArea { margin-left:30px;
           /*padding-left:20px;*/
            background:url(../images/NewsBG.jpg) no-repeat; 
			width:755px; 
			max-width:755px; 
			height:323px;
			float:none; 
			display:block;
           }

/* -- 4.0 Inner pages Site structure -- */
#HeaderLinks {
	display:block;
	float:right;
	width:280px;
	height:93px;
 
}

#BannerAreaIN { 
    display:block;
	float:left;
	width:100%;
	height:200px;
}

#BodyContentIN {
    display:block;
	float:left;
	width:790px;
	padding-left:19px;
	height:auto;
	margin-top:10px;
}

#BodyContentINM {
    display:block;
	float:left;
	width:790px;
	padding-left:19px;
	height:auto;
}

#LogoIN { 
    display:block;
	float:none;
	width:100%;
	height:200px;
}

#Brudcurms{
	    width:100%;
		height:25px;
		float:none;
		display:block;
		border-bottom:1px #fd9a01 solid;
		line-height:25px;
		text-indent:10px;
}

#Tittle { 
        width:100%;
		height:40px;
		float:none;
		display:block;
		background:url(../images/TittleBG.jpg) repeat-x;
		line-height:40px;
		text-indent:10px;
}

#LftInCont {
	         width:185px;
			 height:auto;
			 background:url(../images/LftConCent.jpg) repeat-y;
			 display:block;
			 min-height:15px;
			 float:none;
}

#LftInTop {
	         width:185px;
			 height:39px;
			 background:url(../images/LftConTop.jpg) no-repeat;
			 display:block;
			 float:none;
}

#LftInBtm {
	         width:185px;
			 height:39px;
			 background:url(../images/LftConBtm.jpg) no-repeat;
			 display:block;
			 float:none;
}

/* -- 5.0 Footer -- */

/*#FooterArea {
    display:block;
	float:none;
	width:100%;
	height:72px;
	background:#0C6;
	background:url(../images/FooterBG.jpg) repeat-x;
}*/
#FooterArea {
    background: url("../images/FooterBG.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: none;
    height: 72px;
    left: 0;
    position: absolute;
    width: 100%;
}

#Footer {
    display: block;
    margin: 0 auto;
    min-height: 72px;
    padding: 0;
    width: 100%;
}

#LftBtm {
	display:block;
	float:left; 
	width:290px;
	height:32px;
/*	background-image:url(../images/SocialNW.jpg);*/
}

#BtmCurve {
    background-image: url("../images/GroupCurve.jpg");
    background-position: center center;
    display: block;
    float: none;
    height: 32px;
    margin: 0 auto;
    max-width: 420px;
}
#RgtBtm {
	display:block;
	float:right;
	width:290px;
	height:32px;
}


#BtmLink{ width:1000px;
           height:40px;		    
		   display:block;
		   float:none;
		   background:url(../images/BtmCurveCentr.jpg) no-repeat center;
		  /* background-image:url(../images/FooterLinks.jpg);	*/   
}


/*======================================================================================================================================*/

 
/* -- 6.0 Common Classes -- */
.Bdymsm381{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; color:#4d4c4c; text-decoration:none;}
.BdyMSM38 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt; line-height:18px; text-align:justify;}

.BlueTxt {font-family:Arial, Helvetica, sans-serif; color:#014b92; font-weight:bold; font-size:9pt; font-style:italic; line-height:18px;}

.Tittle {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#014b92; font-weight:normal;display: block; font-style:normal;line-height: 50px; text-align:center; }
.Tittle2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#c00000; font-weight:normal; font-style:normal; }		
.Heading1 {
    background: none repeat scroll 0 0 #024d91;
    border-bottom: 1px solid #d8deee;
    border-radius: 5px;
    color: #fff;
    font-family: "open sans",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    padding: 4px;
}

.Menu {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:none; }
.Menu a:link, .Menu a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#000; text-decoration:none; border-bottom:1px #d8deee solid; text-indent:20px; line-height:30px; display:block; width:155px; }
.Menu a:hover, .Menu a:active{ font-weight:bold; color:#c00000; text-decoration:none; border-bottom:1px #d8deee solid; background:url(../images/MenuSelect.jpg) no-repeat left; text-indent:20px; display:block; width:155px;} 	
.MenuCurrent { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c00000; text-decoration:none; border-bottom:1px #d8deee solid; background:url(../images/MenuSelect.jpg) no-repeat left; line-height:30px; text-indent:20px; display:block; width:155px;}

.RedHead { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c00000; text-decoration:none; line-height:30px; } 
.BlueHead { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#014b92; text-decoration:none; line-height:20px; border-bottom: 1px dotted #a8d5ff; display:block;}

.ListLink { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.ListLink a:link, .ListLink a:visited { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.ListLink a:hover, .ListLink a:active {  color:#dcff72; font-size:8pt; font-style:normal; text-decoration:blink; }

.WLink { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none;  }
.WLink a:link, .WLink a:visited { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.WLink a:hover, .WLink a:active {  color:#fff; font-size:8pt; font-style:normal; text-decoration:blink; }

.more { font-family:Verdana, Geneva, sans-serif; color:#dcff72; font-size:11px; font-style:normal; text-decoration:none; }
.more a:link, .more a:visited {font-family:Verdana, Geneva, sans-serif; color:#dcff72; font-size:11px; font-style:normal; text-decoration:none; }
.more a:hover, .more a:active {  color:#fff; font-size:11px; font-style:normal; text-decoration:underline; }

.more2 { font-family:Verdana, Geneva, sans-serif; color:#c00000; font-size:11px; font-style:normal; text-decoration:none; }
.more2 a:link, .more2 a:visited {font-family:Verdana, Geneva, sans-serif; color:#c00000; font-size:11px; font-style:normal; text-decoration:none; }
.more2 a:hover, .more2 a:active {  color:#c00000; font-size:11px; font-style:normal; text-decoration:underline; }

.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.hidden { display: none; }
.width { width:1000px; margin: 0px auto;}

.News {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:none; }
.News a:link, .News a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#000; text-decoration:none;}
.News a:hover, .News a:active{ font-weight:normal; color:#c00000; text-decoration:none;  text-decoration:none; } 


.Btm {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#599ada; text-decoration:none; }
.Btm a:link, .Btm a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#fff; text-decoration:none;}
.Btm a:hover, .Btm a:active{ font-weight:normal; color:#599ada; text-decoration:none;   text-decoration:blink;} 

.Qlink {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#8a8888; text-decoration:none; }
.Qlink a:link, .Qlink a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#8a8888; text-decoration:none;}
.Qlink a:hover, .Qlink a:active{ font-weight:normal; color:#c00000; text-decoration:none;   text-decoration:blink;} 

.Brud {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#989898; text-decoration:none; }
.Brud a:link, .Brud a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fd9901; text-decoration:none; }
.Brud a:hover, .Brud a:active{ font-weight:normal; color:#fd9901; text-decoration:none;  text-decoration:blink; }

.maiL { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; font-style:normal; text-decoration:none; }
.maiL a:link, .maiL a:visited {font-family:Arial, Helvetica, sans-serif; color:#9e0b0f; font-size:12px; font-style:normal; text-decoration:none; }
.maiL a:hover, .maiL a:active {  color:#014b92; font-size:12px; font-style:normal; text-decoration:blink; }

.TopLink { font-family:Arial, Helvetica, sans-serif; color:#014b92; font-size:12px; font-style:normal; text-decoration:none; }
.TopLink a:link, .TopLink a:visited {font-family:Arial, Helvetica, sans-serif; color:#8a8888; font-size:12px; font-style:normal; text-decoration:none; }
.TopLink a:hover, .TopLink a:active {  color:#9e0b0f; font-size:12px; font-style:normal; text-decoration:none; }

.HeadLink, .HeadLink a:link, .HeadLink a:visited{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#014b92; font-weight:bold; font-style:normal; text-decoration:none; }
.HeadLink a:hover, .HeadLink a:active { font-size:24px; color:#c00000;   font-style:normal; text-decoration:blink; }

.TblBG { background-color:#e8eaeb; border:5px #adacac outset;}
.TblCont {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt;  background-color:#f6f6f6;}
.TblCont1 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt;  background-color:#f0f0f0;}

.Sublink {font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#000; text-decoration:none; }
.Sublink a:link, .Sublink a:visited{font-family:Arial, Verdana, Geneva, sans-serif; font-weight:normal; color:#016aad; text-decoration:none; }
.Sublink a:hover, .Sublink a:active{ font-weight:normal; color:#c00000; text-decoration:none;  text-decoration:blink; }

.WHead {font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; background-color:#828a8f;}

.Happening { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#60615e; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:18px; padding-bottom:9px; }
.Happening A:link { FONT-WEIGHT: normal; FONT-SIZE: 12px ; COLOR:#014b92;FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  }
.Happening A:visited { COLOR: #014b92; TEXT-DECORATION: none;}
.Happening A:hover { COLOR:#60615e; TEXT-DECORATION:underline;   }
.Happening A:active {COLOR: #60615e; TEXT-DECORATION: none;}

.NewInfo {
background:url(../images/NewBoxanima.gif) no-repeat 0 1px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:3px;
text-align:center;
margin-top:7px; 
line-height:21px;
padding:1px 2px;
width:156px;
}
.NewInfo a:link, a:visited { color:#003A83; text-decoration:none; }
.NewInfo a:hover, a:active { color:#EF030A; text-decoration:underline; }


.HMenu ul{
font: bold 13px Arial;
padding-left: 0;
margin-left: 0;
height:auto;
width:auto;

}

.HMenu ul li{
list-style: none;
display: inline;  
padding:3px; 
background:#e7e7e7;
color:#c00000;
}

.HMenu ul li a{ background-color:#fff;
padding: 2px 0.5em;
text-decoration: none;
float:none;
color: black;
 
border: 2px solid #737272; /*You can change this color*/
}

.HMenu ul li a:hover{
background-color: #005aad; /*You Can Change This Color*/
color:#fff;
border-style: outset;
}

html>body .HMenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

 .dottedline{  border-top-width: 1px;  border-top-color: #005aad;  border-top-style: dashed;}
  .dottedlineB{  border-bottom-width: 1px;  border-bottom-color: #005aad;  border-bottom-style: dashed;}


.clsNune
{
       color:#CC0099;
   font-weight:bold;
    }
.clsSearchAppLable
{
    color:#CC3300;
    font-size:12px;
    font-weight:bold;
    }
.recGrdTxt
{
    font-size:20px;
    }
.DetailsHeader
{
font-family: verdana, arial, tahoma;
font-size: 8pt;
color: #FFFFFF;
background-color: #333333;
height: 20px;
padding-left: 12px;
}

#navigation { width:auto; font-size: 95%; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a  { margin: 0; }
#navigation, #navigation ul { padding: 0; }
#navigation ul li a , #navigation ul li  { display: block; float: left; }
#navigation ul { list-style: none; background: url(../image/header.gif) repeat top left; overflow: hidden; border: 1px solid #0e6aa4; }
#navigation ul li { padding: 0 2px 0 0; background: url(../image/separator.gif) no-repeat 100% 50%; }
#navigation ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#navigation ul li a:link, #navigation ul li a:visited { padding: 7px 10px; }
#navigation ul li a:hover, #navigation ul li a:active { background: url(../image/menubg_h.gif) repeat 0 50%; }

.button
{
    color: #fff;
    background-color: #5FB404;
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
    font-weight: bold;
    font-size:12px;
    font-family:Verdana, Arial;
}
.button:hover
{
    color: #fff;
    background-color: #088A08;
    border: 3px ridge #e15407;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 4px;
    vertical-align: middle;
    font-weight: bold;
       font-size:12px;
}

.imgbtnRG
{
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Regular.jpg) no-repeat;
}
.imgbtnRG:hover
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral_On.jpg) no-repeat;
}

.imgbtnLE
{
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral.jpg) no-repeat;
}
.imgbtnLE:hover
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral_On.jpg) no-repeat;
}

.instruction {
font-family: "open sans",sans-serif;
font-size: 14px;
 text-align:left;
 max-width:800px; 
margin:0px auto; 
line-height: 38px;
list-style:square;
}
.instruction ul {	
height:auto;
display:block; 
text-align:left; 
}

.instruction ul li { 
 text-align:left;
list-style: outside none square;
padding: 5px;
}

.instruction ul li a {
font-size: 80%;
display: block; 
text-decoration: none;
color:#e4f1ff;
 
}

.instruction ul li a:hover, .instruction ul li a:focus {
color: #fff; text-decoration:underline;
}

/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.TextStyle2013
{
	background-color:#e6f8fd;
	border:1px solid #258dc8;	
}
.TextStyleNoBG2013
{
	background-color:white;
	border:1px solid #258dc8;	
}

/********Progress Bar****************/
#progressBar {
		width: 400px;
		height: 22px;
		border: 1px solid #111;
		background-color: #292929;
}

#progressBar div {
		height: 100%;
		color: #fff;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background-color: #0099ff;
}
/************Refresh Grid**********/
#RegreshGrid {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
    color: #CC0000;
    display: block;
    float: none;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;   
    line-height: 45px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 230px;
    width: 140px;
}
.css_btn_class {
	font-size:17px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #268a16;
	padding:3px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(56%, #77d42a), color-stop(49%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 56%, #5cb811 49% );
	background:-ms-linear-gradient( top, #77d42a 56%, #5cb811 49% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#306108;
	display:inline-block;
	text-shadow:0px 0px 0px #aade7c;
 	-webkit-box-shadow:inset 1px 1px 0px -1px #caefab;
 	-moz-box-shadow:inset 1px 1px 0px -1px #caefab;
 	box-shadow:inset 1px 1px 0px -1px #caefab;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(56%, #5cb811), color-stop(49%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 56%, #77d42a 49% );
	background:-ms-linear-gradient( top, #5cb811 56%, #77d42a 49% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.BlueBorder:before {
    background: none repeat scroll 0 0 #014b92;
    content: " ";
    height: 13px;
    margin-left: -24px;
    margin-top: 21px;
    position: absolute;
    width: 100%;
}
.BlueBorder {
    background: none repeat scroll 0 0 #014b92;
    border-radius: 0 11px 0 0;
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    line-height: 28px;
    margin-top: 10px;
    padding: 6px 24px;
    width: 17%;
}

#FooterArea_id {
    background: url("../images/FooterBG.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: none;
    height: 72px;
    left: 0;
    position: absolute;
    width: 100%;
}

/**************Css Newly Added(2015)***************/

.uploadtxt
        {
            background: none repeat scroll 0 0 #004a91;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            color: #fff;
            font-family: Verdana,sans serif;
            font-size: 16px;
            margin: 0px 0;
            padding: 12px 0;
            text-align: center;
        }
        .uploadphotosection h4
        {
            font-size: 16px;
        }
        .msginfo
        {
            background: none repeat scroll 0 0 #eaeeee;
            border: 1px solid #004a91;
            border-radius: 4px;
            padding: 2px;
        }
        .notibar
        {
            font-size: 14px;
            line-height: 26px;
        }
        .CssUploadBtn
        {
            background: none repeat scroll 0 0 #004a91;
            border: 1px solid #002067;
            border-radius: 5px;
            color: #fff;
            float: left;
            margin-left: 10px;
            margin-top: -14px;
            padding: 8px 18px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }
        .CssContinueBtn
        {
            background: none repeat scroll 0 0 #004a91;
            border: 1px solid #002067;
            border-radius: 5px;
            color: #fff;
            float: left;
            margin-top: -13px;
            padding: 8px 18px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }
        .CssResetBtn
        {
            background: none repeat scroll 0 0 #004a91;
            border: 1px solid #002067;
            border-radius: 5px;
            clear: both;
            color: #fff;
            margin-left: 10px;
            margin-top: -13px;
            padding: 8px 18px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }
        .CssBrowseBtn
        {
            background: none repeat scroll 0 0 #004a91;
            border: 1px solid #002067;
            border-radius: 5px;
            color: #fff;
            float: left;
            padding: 5px 8px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }
        .CssCropBtn
        {
            background: none repeat scroll 0 0 #004a91;
            border: 1px solid #002067;
            border-radius: 5px;
            color: #fff;
            float: left;
            margin-top: -14px;
            padding: 8px 18px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }        
        .RegBtn
        {
            background: none repeat scroll 0 0 #014b92;
            border: 1px solid #03084f;
            border-radius: 5px;
            color: #fff;
            padding: 8px 16px;
            cursor: pointer;
            font-family: "Trebuchet MS" ,sans-serif;
            font-size: 14px;
            font-weight: bold;
        }
        /**************Css Newly Added(end)***************/
        
    #footermenu {
    height: auto !important;
    position: relative;
    width: 100%;
    }
    #BtmCurve {
    margin: 3px auto 0;
    }
    
    
    .BlueBorder {
    margin-top: 10px;
    padding: 6px 24px;
    width: 17%;
    padding-top: 1px;
    padding-bottom: 33px;
}
.form-lable {
    float: right;
    text-align: right;
}
#divBoard, #divPreference
{
     display: inline-flex;
}
#UpdatePanel1 {
    width: 100%;
}

.box-layoutythank {
    max-width: 700px;
    min-height: 300px;
}
.share-link li {
    float: left;
    list-style: outside none none;
    margin-right: 3px;
}
.share-link span {
    display: flex;
    font-weight: bold;
    margin-top: 1px;
}
.share-link {
    display: block;
    width: 330px;
}
.share-link iframe {
    margin-top: 1px;
}
@media (min-width:300px) and (max-width:767px)
{
    .mobilemenu {
    display: none;
}
.itech-logomob
{
    min-width:30px;
}
.mobilelogo {
    margin-top: -38px;
    position: relative;
}
#Logo {
    float: none;
    margin: 0 auto;
    max-width: 420px;
    text-align: center;
}
.itech-logomob {
    margin-top: 6px;
    max-width: 52px;
}
.Heading1 {
    border-radius: 1px;
    color: #ffffff;
    display: block;
    font-size: 20px;
}
.instruction {
    line-height: 26px;
}
.Tittle {
    font-size: 20px;
    line-height: 30px;
}
.notibar p {
    margin-right: 10px !important;
    padding-left: 10px !important;
}
.CssBrowseBtn {
    clear: both;
    display: block !important;
    margin-bottom: 28px;
    width: 100%;
}

.form-lable {
    float: left;
    text-align: left;
}
.fancybox-inner {
    min-height: 230px !important;
}

.BlueBorder {
    width: 100%;
}
.container {
    margin: 0 10px !important;
}
.TextStyle2013 {
    max-width: 100%;
}
.mobile-padd1 {
    padding: 0;
}
.form-lable {
    margin-bottom: 6px;
}
.TextStyle2013 {
   max-width: 100% !important;
}
.TextStyleNoBG2013 {
    max-width: 100% !important;
}
}