/* created by priyanka on 25/11/2011
/*classes from student style sheet,basestyle,basestyle1(common classes)*/
body
{
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	background-color:#F2F2F2;
	margin: 0px auto !important;
	width: 1004px;
	color:#333;
	line-height:24px;
	text-align:justify;
	direction:ltr;
	unicode-bidi:embed;
	font-size: 11pt;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 0px 0px 0px 0px;
}
/*body, button, input, label, select, td, textarea{font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px}*/

.sitemain
{
	margin: 0px auto;
	width:1004px;
	/*background:url(../images/body.gif);
	background:url(../images/header-background-1.gif);*/
	background-repeat:repeat-x;
	background-color:#c68349;
	
}
.xpheader
{
	background-repeat: no-repeat;
	height:62px;
}
#pageheader
{
	margin: 0 auto;
	padding-top: 13px;
	width: 980px;
	height: 82px;
}
#pagelogo
{
	float:left;
	height:41px;
	max-width:295px;
	/*margin-top:36px;*/
    margin:13px;
}
#pagelogin
{
	float:right;
	height:56px;
	width:391px;
    background-color: transparent;
    color: #fff;
    font-family:Montserrat, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-top:-35px;

}
#pagelogin a
{
	color: #98a9ca;
	font-weight: normal;
	text-decoration:none;
}
#pagelogin a:hover
{
	text-decoration:underline;
}
.xpheader_left
{
	b ackground-image: url(../images/top_bg.jpg);
	b ackground-repeat: repeat-x;
	float: left;
	width: 631px;
}
.xpheader_right
{
	width: 369px;
	height: 62px;
	float: right;
	text-align: right;
	background-image: url(../images/right_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.xpheader_right p
{
	margin-top: 15px;
	margin-right: 15px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}
.xphead_banner_single
{
	height:34px; 82px;
	min-width: 1000px;
}

.xphead_banner
{
	b ackground-image: url(../images/header_banner.jpg);
	b ackground-repeat: no-repeat;
	h eight: 170px;
	
}
.xphead_bannerstud
{
	b ackground-image: url(../images/headernew.jpg);
	b ackground-repeat: no-repeat;
	h eight: 170px;
	
}
.xphead_ban_ad1
{
	height: 140px;
	width: 630px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

.xphead_ban_ad2
{
	height: 140px;
	width: 200px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
.xpcontainer
{
	background: #0000FF;
}
.topheadul
{
	clear: both;
	list-style:none;
}
.topheadli
{
	float: left;
	padding-right:8px;
	
}
.divtopsetting
{
	background: url(../Images/setting.png) no-repeat 0 5px; height: 20px; width: 12px;
}
.divtopsetting:hover
{
	background: url(../Images/setting.png) no-repeat 0 -13px; height: 20px; width: 12px;	
}
.popup
        {
            width: 202px;
            height: 35px;
            color: #FFFFFF;
            display: none;
            position: absolute;
            margin-left: -177px;
            outline: 0;
            z-index: 1;
            background-color: #fff;
            background: rgba(255,255,255,0.98);
            border: 1px solid #c5c5c5;
            top: 43px;
            box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
            border-radius: 3px;
            border: 1px solid rgba(100, 100, 100, .4);
            background-clip: padding-box;
        }
        .link
        {
        }
        .divtriangel
        {
            background-image: url(../images/toptriangle.png);
            background-repeat: no-repeat;
            background-size: auto;
            height: 11px;
            position: absolute;
            top: -10px;
            width: 20px;
            left: 172px;
        }
        .popup a
        {
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            color: #222 !important;
            display: block;
            height: 18px;
            line-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: Montserrat, Helvetica, Arial, sans-serif;
            font-size: 11px;
            padding-left:10px;
        }
        .popup a:hover
        {
            background: #6d84b4;
            border-bottom: 1px solid #3b5998;
            border-top: 1px solid #3b5998;
            color: #fff !important;
            text-decoration: none !important;
        }
        .ulsetting
        {
            margin-top: 2px;
            padding:5px 0 0 0;
        }
        .lisetting
        {
            height:20px;
            width:200px;	
        }

.ddlStyle
{
	font-size: 13px;
	height: 30px;
	padding: 5px;
	width: 220px;
}
.Refreshbuttonstyle
{
	border: 1px solid #c6c6c6; 
	color: #333; 
	background-color: transparent;
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); height:30px;		width:30px;float: right;text-align:center;
    margin-right: 29px;
}
.Refreshbuttonstyle:hover
{

background-color: transparent;
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);

}

/* the below classes i dont know for which purpose is used*/
.xpcol1
{
	background-color: #996633;
	width: 230px;
	margin-left: 16px;
}

.xpcol2
{
	background-color: #00CC33;
	width: 250px;
	margin-left: 270px;
}

.xpcol3
{
	background-color: #660000;
	width: 250px;
}
#main1
{
	background-color: #FFFFFF;
	padding-top: 3px;
}
#left
{
	float: left;
	width: 210px;
	margin-left: 4px;
	padding: 0px;
}
#right
{
	float: right;
	width: 215px;
	background-color: #fFF;
}
#middle
{
	margin: 0 210px;
}

#content
{
	margin: 5px;
}
.cleaner
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
/* the class which i dnt know ends*/
ul, li
{
	list-style-type: none;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.topMenu {
    position: relative;
    height: 60px;
    /* background: url(../images/nav_bg.png) repeat-x; */
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color:#fff;
}
.deotopMenu
{
	position: relative;
	width: 1000px;
	height: 44px;
	background: #222222 url( "../images/topmenu.jpg" ) repeat-x left top;
}
.topMenu ul {
	height: 44px;
	margin:10px 20px 0 10px;
	overflow: hidden;
    padding:0px;
}
.deotopMenu ul {
	height: 44px;
	margin: 0 28px 0 10px;
	overflow: hidden;
}
.topMenu ul li {
	float: left;
    margin:0 2px;
	b order-right: 1px solid #101010;
}
.deotopMenu ul li
{
	float: left;
	border-right: 1px solid #101010;
	
}
.topMenu ul li a {
	float: left;
	padding: 0 10px;
	line-height: 39px;
	color:#4c5867;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	b order-right: 1px solid #5f5f5f;
	t ext-shadow: 0 1px 1px rgba(0,0,0, .3);
}
.deotopMenu ul li a {
	float: left;
	padding: 0 15px;
	line-height: 45px;
	color: #d0d0d0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #5f5f5f;
}
.topMenu ul li.first a {
	padding-left: 20px;
}
.deotopMenu ul li.first a
{
	padding-left:20px;
}

.topMenu ul li a:hover, #topMenu ul li a:active, #topMenu ul li.selected a {
	color:#FFFFFF;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.2);   
    background:#c68349; 
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
/*border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;*/
border-radius: 10px;
}
.deotopMenu ul li a:hover,#deotopMenu ul li a:active,#deotopMenu ul li.selected a
{
	color:#666;
	background: #5f5f5f url("../images/topmenu.jpg") repeat-x left -45px;
}
.topMenu span {
	position: absolute;
	left: 0;
	top: 31px;
	display: block;
	width: 23px;
	height: 14px;
	background: url("../images/topmenu.jpg") left bottom no-repeat;
}
.deotopMenu span {
    position: absolute;
    left: 0;
    top: 31px;
    display: block;
    width: 23px;
    height: 14px;
    background: url("../images/topmenu.jpg") left bottom no-repeat;
}
.xpfooter {
    padding-bottom: 20px;
    font-size: 8pt;
    /* text-shadow: 0px 1px rgb(255, 255, 255); */
    border-top: 1px solid rgb(204, 204, 204);
    box-shadow: 0px 1px rgb(255, 255, 255) inset;
    padding-top: 20px;
    background:#c68349;
    color: #fff;
    font-size: 14px;
}
.xpfooter a { color:#FFFFFF; text-decoration:underline; }
.inputStringRegistration
{
    font-family:Montserrat, sans-serif;
    font-weight:bold;
    width:150px;
    font-size:11px;
    color:Gray;
}
.modalBackground
{
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 999;
}
.modalpopupcss1
{
    padding: 0px;
    
    color: Black;
    font-size: 13px;
    background-color:#ffffff;
   
    border: Solid 1px #696969;
   
    padding:5px;
    padding-top:0px;
    -moz-box-shadow: 1.5px 2px 5px 2px #BEBEBE;
    -webkit-box-shadow: 1.5px 2px 5px 2px #BEBEBE;
    box-shadow: 1.5px 2px 5px 2px #BEBEBE;
}
 .PanConnections
{
     padding: 10px 0px 10px 10px;
     font-family: Montserrat, sans-serif; /*border:solid 1px Red;*/
}
.redborderpendingconnections
{
	 padding:10px 0px 10px 10px;
     font-family:Montserrat, Helvetica, Arial, sans-serif;
     border:solid 1px Red;	
}
.circularInput
{
    font-family:Montserrat, Helvetica, Arial, sans-serif;
    font-weight:bold;
    width:250px;
    height:30px;
    font-size:11px;
    color:Gray;
}
.validatorCalloutHighlight
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    z-index: 999;
}
.selectmenu
{
	color: #FFFFFF !important;
	display:block;
	background:#c68349;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
/*border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;*/
border-radius: 10px;		
}
.selectmenu > a
{
	color:#FFFFFF !important;
}

.showme{ 
display: none;
}

.showhim:hover .showme{
display : block;
}
select{
    padding:5px;
}
.lsidetop { background-image:url(../images/box_top.png);/*box-menu-contact-h.jpg*/height:38px; background-repeat:no-repeat; }
.lsidetop h2 {width:180px; font-size:14px; color:#fff;position:relative; top:10px; text-transform:uppercase; left:10px; font-weight:bold; text-align:center;}
.lsidemiddle { b ackground:url(../images/box_bot.png) repeat-y; background-color:#F2F2F2; padding:4px; font-size:13px; line-height:22px; width:190px; padding-bottom: 10px;}
.lsidebottom { b ackground-image:url(../images/box_bottom.png); width:2 00px; h eight:18px;b ackground-repeat:no-repeat; }



/* the below midtop class is for the master page having left and right side portion */
.midtop {/*height:40px;*/ border-bottom: 1px solid rgb(204, 204, 204); /*background:url(../Images/headertitle.png) repeat-x;*/ background: rgb(184,100,27);
background: -moz-linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
background: linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8641b",endColorstr="#daa16f",GradientType=1);
 padding-bottom: 10px;}
.midtop h2 { color:#000; font-size:16px; position:relative; top:10px; left:35px;  }
.midmiddle { padding:10px; font-size:14px; line-height:22px; background:#FFFFFF;}
.midbottom { height:25px;  }
.midtoplabel{color: #fff;font-size: 16px !important;line-height: 25px; font-weight:bold; text-spacing:2.3em;
     }

/*input[type=text] {
    width: 200px;
    height: 16px;
    padding: 5px;
    border: 1px solid #357EC7;
}*/

/* the below midtopnoright class is for the master page having only left side, no right side portion*/
.midtopnoright {  /*height:40px;*/border-bottom: 1px solid rgb(204, 204, 204);/*background:url(../Images/headertitle.png) repeat-x;*/ background: rgb(184,100,27);
background: -moz-linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
background: linear-gradient(0deg, rgba(184,100,27,1) 45%, rgba(218,161,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8641b",endColorstr="#daa16f",GradientType=1);
padding-bottom: 10px;width:790px;}
.midtopnoright h2 { font-size:16px; color:#000000;position:relative; top:10px; text-transform:uppercase; left:35px; font-weight:bold; color:#FFFFFF;   }
.midmiddlenoright {  padding:10px; font-size:13px; line-height:22px;margin-top: -3px;background:#FFFFFF; width:770px;}
.midbottomnoright { height:25px; background-repeat:no-repeat; }

.rsidetop { background-image:url(../images/box-menu-contact-h.jpg); background-repeat:no-repeat; height:35px; }
.rsidetop h2 { font-size:16px; color:#000000;position:relative; top:9px; text-transform:uppercase; left:30px; font-weight:bold; color:#FFFFFF;    }
.rsidemiddle { background-color:#DDDDDD; font-size:13px; line-height:22px; width:194px; padding:3px;  }
.rsidebottom { background-image:url(../images/sb-b.jpg); background-repeat:no-repeat; height:15px;  }

.container {
    text-align: left;
    background-color:#B5B4AB;
    margin-top: -3px;
    box-shadow: 0px 2px 5px rgb(122, 161, 188);
    min-height: 485px;
    padding-top:10px;
}
input[type=submit] {
    background:#c68349;
    border: none;
    color: #fff;
    padding: 10px 15px;
    cursor:pointer;
    margin-top:10px;
}
input[type=submit]:hover {
    background: #333;
    border: none;
    color: #fff;
    padding: 10px 15px;
    cursor:pointer;
}

.leftColFormat 
    { b ackground-color:#4587C4;      }
    
.rightColFormat  
{
    b order-left: 1px solid rgb(204, 204, 204);
    b ox-shadow: 0px 1px rgb(255, 255, 255) inset;
    b ackground-color:#F7F7F7;
     }    
    .newgridheader tr td{
        color:#333;
    }
    
.fontprofileheader
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-transform: capitalize;

	color:#3366ff;	
	font-weight: bold;
}
.profileline
{
	background-image: url( ../Images/line.png );
	line-height:0px;
	
}
.alignment
{
	vertical-align: middle;
}
.fontoftab
{
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	font-size:9px;	
	text-transform:capitalize;
}
/* this class is for the right and left side advertisement rounded borders*/
.ad
{
	b ackground-image: url( ../Images/box_bot.png);
	  
}


.activeusersLogin
{
	margin-top:50px;
    padding-right:200px;
	
	font-size:10pt;
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:Black;	
}

.activeusers
{
	margin-top:12px;   
	padding-right:100px;
	
	font-size:10pt;
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:Black;	
}

.demousers
{
	padding-left:10px;
	font-size:12pt;
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color: White;	
    margin-top:60px;	
}


.intimationmarquee
{	    
    height: 25px;
	width: 620px;
	float: left;
	color: Black;	
	margin-top: 60px;
	margin-right: 15px;
	font-weight:bold;
}
.intimationmarqueelogin
{	    
    height: 25px;
	width: 620px;
	float: left;
	color: Black;	
	margin-top: 100px;
	margin-right: 15px;
	font-weight:bold;
}
.intimationmarqueestudent
{	    
    height: 25px;
	width: 620px;
	float: left;
	margin-top: 50px;
	color: White;	
	margin-right: 15px;
	font-weight:bold;
}

/*ends the classes from student style sheet*/
a
{
	color: #333333;
	text-decoration: underline;
}
a:hover
{
	color: #993300;
	text-decoration: underline;
}

a.sidelinks
{
	display: block;
	width: 180px;
	border-bottom: 1px dotted #000;
	margin-left: -35px;
	height: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 2px;
}
a.sidelinks:hover
{
	display: block;
	width: 180px;
	border-bottom: 1px dotted #000;
	background-color: #fff;
	margin-left: -35px;
}

/*forum category tab*/
a.sidelinks1
{
	display: block;
	width: 180px;
	border-bottom: 1px dotted #000;
	margin-left: -37px;
	height: 25px;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 2px;
	text-transform: capitalize;
}
a.sidelinks1:hover
{
	display: block;
	width: 180px;
	border-bottom: 1px dotted #000;
	background-color: #fff;
	margin-left: -37px;
}
.newgridheaderbackcolor {
    background-color: #B5B4AB;
}

.newgridheader
{
	b order-style: none;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	z-index: 99;
	
}
.FontSetting
{ 
    color:#333;
    font-weight:normal;
}
.newgriditemstyleoption1
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: Black;
	font-weight: normal;
	
}
.newgriditemstyleoption2
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 9pt;	
	font-weight: normal;
	color: #A5A9B0;
}

.rowheightgrid
{
	line-height: 18px;
	border-bottom-width:1px;
	border-bottom-color: Gray;
	border-bottom-style:solid;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
	
}
.rows
{
	rules:rows;
	border-collapse:collapse;
	border-width:0px;
}
.sender
{
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	font-size: 9pt;
	color: Black;
}

.fontcolorsubjectininbox
{
	color: Black;
}
.gridviewpadding
{
	padding-left: 2px;
}

h3
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #3366ff;
	font-weight: bold;
}
h4
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #3366ff;
	font-weight: bold;
}
h2
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #ffffff;
	font-weight: bold;
}
.principalcontactus
{
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #3366ff;
	font-weight: bold;
	margin-bottom: 1px;
}
/*from layout.css*/

/*this class is for student photo with round border*/
.rounded
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* the below two classes are for welcome message and username*/
.xpheader_right_inner
{
	width: 250px;
	height: 62px;
	float: right;
	text-align: right;
	background-image: url(../images/right_bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.xpheader_right_inner .fontstyle
{
	font-family:Montserrat, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}

/*classes from new.css*/
/* the below two classes are used in inbox and sent of messages*/
.lnkcheckuncheck
{
	text-decoration: none;
	font-size: 12px;
}

.lnkcheckuncheck:hover
{
	text-decoration: none;
	font-size: 12px;
}
.grdsearchcontacts
{
	padding-left: 2px;
}
.linkcontactmanager
{
	color: Blue;
	text-decoration: none;
}

.messagepanel
{
	white-space: pre-wrap;
}

.progress
{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	zoom: 1;
	background-color: Gray;
	-moz-opacity: .70;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 999;
	height: 2000px;
}
.loading
{
	position: absolute;
	z-index: 999;
	left: 450px;
	top: 300px;
	background-color: Transparent;
}

.paneltesting
{
	border: solid 2px #FF9933;
	background: #ffffff;
	padding: 20px 25px 10px 0px;
	width: 724px;
	height: auto;
	top: -1000px;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
 .ModalWindow
{
    border: solid 2px #FF9933;
    background: #ffffff; 
    position:absolute;
    top:-1000px;
    font-family:Montserrat, Helvetica, Arial, sans-serif;
    font-size:14px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
  .SearchContact
{ 
  padding:15px10px10px10px;
  background-color:#F0F0F0;
}
 .ContactManager
 {
    border: solid 2px #DDDDDD;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
 }
/* classes from standalone.css*/
a:active
{
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}
/*class from buttonstyle sheet for all the submit buttons*/
.button
{
	/*border-color: #3B6E22 #3B6E22 #2C5115;
	border-width: thin;
	border-style: solid;
	height: 20px;
	background-color: #f5f5f5;
	color: Black;
	cursor: pointer;
	font-family: Verdana,Arial,sans-serif;
	font-size: 9pt;
	outline: medium none;
	padding-bottom:2px;
	
	vertical-align:middle;*/
	/* f ont-family: Arial;
     color: #ffffff;
	f ont-size: 30px;
	padding: 0px 10px;
	font-weight:bold;
	min-width:70px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 4px;
	text-shadow: 1px 1px 3px #666666;
	border: solid #535353 2px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#535353), to(#535353));
	background: -moz-linear-gradient(top, #535353, #535353);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#535353, endColorStr=#535353);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#535353, endColorStr=#535353);
	display:inline-block; /* IE is so silly */
	/*cursor:pointer;*/
	background: #EFEFEF;
  background-image: -webkit-linear-gradient(top, #EFEFEF, #e0e0e0);
  background-image: -moz-linear-gradient(top, #EFEFEF, #e0e0e0);
  background-image: -ms-linear-gradient(top, #EFEFEF, #e0e0e0);
  background-image: -o-linear-gradient(top, #EFEFEF, #e0e0e0);
  background-image: linear-gradient(to bottom, #EFEFEF, #e0e0e0);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #0a0a0a;
  p adding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align:center;
  font-size:14px;
  padding-top: 5px;
 padding-bottom : 5px;
}
.button:hover
{
	/*background : url(images/topmenu.jpg) repeat-x scroll left -45px rgb(95, 95, 95);*/
	 background: #FFD014;
  background-image: -webkit-linear-gradient(top, #FFD014, #e6bb10);
  background-image: -moz-linear-gradient(top, #FFD014, #e6bb10);
  background-image: -ms-linear-gradient(top, #FFD014, #e6bb10);
  background-image: -o-linear-gradient(top, #FFD014, #e6bb10);
  background-image: linear-gradient(to bottom, #FFD014, #e6bb10);
  text-decoration: none;
  color:#3B5998;
}
.button:active
{
	
}
/* classes for forum tabs*/
/* root element for tabs  */
ul.tabs
{
	list-style: none;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #666;
	height: 30px;
}

/* single tab */
ul.tabs li
{
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a
{
	background: url( ../images/blue.png) no-repeat -420px 0;
	font-size: 11px;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 134px;
	text-align: center;
	text-decoration: none;
	color: #333;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
	
}

ul.tabs a:active
{
	outline: none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover
{
	background-position: -420px -31px;
	color: #fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a
{
	background-position: -420px -62px;
	cursor: default !important;
	color: #000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s
{
	background-position: -553px 0;
	width: 81px;
}
ul.tabs a.s:hover
{
	background-position: -553px -31px;
}
ul.tabs a.s.current
{
	background-position: -553px -62px;
}

/* width 2 */
ul.tabs a.l
{
	background-position: -247px -0px;
	width: 174px;
}
ul.tabs a.l:hover
{
	background-position: -247px -31px;
}
ul.tabs a.l.current
{
	background-position: -247px -62px;
}


/* width 3 */
ul.tabs a.xl
{
	background-position: 0 -0px;
	width: 248px;
}
ul.tabs a.xl:hover
{
	background-position: 0 -31px;
}
ul.tabs a.xl.current
{
	background-position: 0 -62px;
}


/* initially all panes are hidden */
.panes .pane
{
	display: none;
	border-width:0px;
}
.panes div
{
	padding:  7px 10px;
	border: 1px solid #999;
	border-top: 0;
	
	font-size: 14px;
	
	width:527px;
}
/*Forum answer division class*/
.divanswer
{
	b order: Solid 3px #ddd; 
	-w ebkit-border-radius: 10px; 
	-m oz-border-radius: 10px;    	
}
/* Forum Question division class*/
.divquestion
{
	border: Solid 3px #ddd; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
    background-color: #E2E3E7	
}
/*Forum Question Details Division class*/
.divquestiondetails
{
	-moz-text-overflow: ellipsis; 
	overflow: auto; 	
	overflow-y: hidden;	
} 
/* forget username password*/
.header h1
{
    border-bottom: solid 1px #bbbbbb;
    padding-bottom: 5px;
    margin: 0 0 0 15px;
}
.contact_form
{
    border: 1px dashed #DFD1D2;
    float: left;
    margin: 20px 0 0 15px;
    padding: 25px;
    position: relative;
    width: 390px;
}
.form_row
{
    clear: both;
    padding: 10px 0;
    width: 382px;    
    font-size: 12px;
}
.errormsg
{
    color: #cc0000;
}
.contactmanageraddpanel
{
	background-color: #DDDDDD; 
	border-bottom-style: solid; 
	border-bottom-width: 1px;
    border-bottom-color: #DDDDDD;	
}
 .collapsePanelHeader
 {
     width: 540px;
     height: 25px;
     color: White;
     background-color: #302226;
     font-weight: lighter;
     float: left;
     padding-bottom: 5px;
     cursor: pointer;
     vertical-align: middle;
 }
.collapsePanel
{
     width: 538px;
     height: 0px;
     background-color: white;
     overflow: hidden;
     border-style: dotted;
     border-width: thin;
 }
 .dashboard
 {
	border: medium double #CC6600;	
 }
 .frameinboxdetails
 {
	border: Solid thin #ddd; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	   	
 }
 .paddingsubject
 {
	padding-left:2px;	
 }
 .reply 
 {
	
	margin-top:0px;	
	background-color:#E2E3E7;

	
 }
 .quizdivision
 {
 	border: thin solid #FF9900;
 }
 /*css for new forum tabs*/
/* .ajax__tab_hover
 {
 	background:none !important;
 }
 
 .ajax__tab_tab
 {
	background:none  !important;
 }
 .ajax__tab_outer
 {
 	border:1px solid;
	background:none !important;	
	height:28px !important;
	margin-right: 10px !important;
 	}
 .ajax__tab_hover
 {
	background:Red !important;	
	height: 40px !important;
    line-height : 22px !important;
    padding-top: 10px;
    padding-bottom: 10px;
 }
 	
 .ajax__tab_inner
 {
 	background:none !important;	
 	
 }	
 .ajax__tab_active
 {
	background: pink !important;
height: 40px !important;
line-height: 22px !important;
padding-top: 10px;
padding-bottom: 10px;
 }*/
	
 	
 	
 .ajax__myTab .ajax__tab_header {
        font-family: Montserrat, Helvetica, Arial, sans-serif;
        font-size: 11px;
        border-bottom: solid 1px #999999;
        padding: 0;
     }
     
    .ajax__myTab .ajax__tab_outer {
        padding-right: 4px;
        height: 30px;
        width: 130px;
        background: url( ../images/blue.png) no-repeat -420px 0;
        margin-right: 5px;
       
      
     }
     
    .ajax__myTab .ajax__tab_inner {
        padding-left: 3px;
       
         background: url( ../images/blue.png) no-repeat -420px 0;
       text-align:center;
     }
     
    .ajax__myTab .ajax__tab_tab {
        text-align:center;
        height: 15px;
        padding: 4px;
        margin: 0;
      
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_outer {
        background-color: #cccccc;
       
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_inner {
        background-color: #cccccc;
       
     }
     
    .ajax__myTab .ajax__tab_hover .ajax__tab_tab 
    {
   
    }
    
    .ajax__myTab .ajax__tab_active .ajax__tab_outer {
        background-color: #fff;
        background-position:-420px -62px;
        cursor: default !important;
       
        
     }
     
    .ajax__myTab .ajax__tab_active .ajax__tab_inner {
        b ackground-color:#fff;
        cursor: default !important;
        background-position:-420px -62px;
        border:0;
        text-align:center;
     }
     
    .ajax__myTab .ajax__tab_active .ajax__tab_tab 
    {
			
    }
    
    .ajax__myTab .ajax__tab_body {
        font-family:Montserrat, Helvetica, Arial, sans-serif;
        font-size: 10pt;
        border: 1px solid #999999;
        border-top: 0;
        padding: 8px;
        background-color: #ffffff;
        
      }
      .ajax__tab_default .ajax__tab_header 
{
	
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
   
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
  
   
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{

}

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab
{
	color:Orange;
}

.ajax__tab_default .ajax__tab_body 
{
   
}

.orange .ajax__tab_header 
{
    background:url(../Images/orange_bg.gif) repeat-x;
}

.orange .ajax__tab_active .ajax__tab_outer 
{
    background:url(../Images/orange_left.gif) no-repeat left top;
    width:130px;
}
.orange .ajax__tab_hover .ajax__tab_outer
{
    background:url(../Images/blue_left.gif) no-repeat left top;
    width:130px;
}
.orange .ajax__tab_active .ajax__tab_inner 
{
    background:url(../Images/orange_right.gif) no-repeat right top;
    width:130px;
}
.orange .ajax__tab_hover .ajax__tab_inner
{
    background:url(../Images/blue_right.gif) no-repeat right top;
    width:130px;
}


      
      .modalpopupclose
      {
		color:Gray;
		font-weight:bold;
		text-decoration:none;	
      }
       .modalpopupclose:hover
      {
       	color:Gray;
       	color:Gray;
		font-weight:bold;
		text-decoration:none;	
		
      }
      .textboxmodalpopup
      {
		border-color:#96A6C5;
        border-style:solid;
	  }
	  .dropdown
	  {
		border-color: #357EC7;
        border-style:ridge;
       border-width:1px;
	  }
	
	
	
	.divshowimage  
	{
		background: url(../Images/arrows.png) no-repeat 0px 3px;
		height: 23px;
		width: 24px;	
    }
    .divshowimage:hover  
	{
		background: url(../Images/arrows.png) no-repeat 1px -16px;	
		height: 23px;
		width: 24px;
    }
    .divshowimage1  
	{
		background: url(../Images/arrows.png) no-repeat -23px 3px;
		height: 23px;
		width: 24px;	
    }
    .divshowimage1:hover  
	{
		background: url(../Images/arrows.png) no-repeat -23px -16px;	
		height: 23px;
		width: 24px;
    }
    div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}


.GridviewScrollHeader TH, .GridviewScrollHeader TD
        {
            padding: 5px;
            font-weight: bold;
            white-space: nowrap;
            border-right: 1px solid #AAAAAA;
            border-bottom: 1px solid #AAAAAA;
            border-left: 1px solid #AAAAAA;
            background-color: #FFE26F;
            text-align: center;
            vertical-align: bottom;
        }
        .GridviewScrollItem TD
        {
            p adding: 5px;
            white-space: nowrap;
            border-right: 1px solid #AAAAAA;
            border-left: 1px solid #AAAAAA;
            border-bottom: 1px solid #AAAAAA;
            b ackground-color: #FFFFFF;
            text-align: center;
        }
        .GridviewScrollPager
        {
            border-top: 1px solid #AAAAAA;
            background-color: #FFFFFF;
        }
        .GridviewScrollPager TD
        {
            padding-top: 3px;
            font-size: 14px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .GridviewScrollPager A
        {
            color: #666666;
        }
        .modal
        {
            position: fixed;
            /*top: 50%;
            right: 0;
            bottom: 0;
            left: 30%;*/
            z-index: 1040;
            display: none;
            o verflow: auto;
            o verflow-y: scroll;
            width:500px;
        }
        .modal.fade .modal-dialog
        {
            -webkit-transform: translate(0,-25%);
            -ms-transform: translate(0,-25%);
            transform: translate(0,-25%);
            -webkit-transition: 0 .3s ease-out;
            -moz-transition: 0 .3s ease-out;
            -o-transition: 0 .3s ease-out;
            transition: transform .3s ease-out;
        }
        .modal.in .modal-dialog
        {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }
        .modal-dialog
        {
            position: relative;
            z-index: 1050;
            width: auto;
            margin: 10px;
        }
        .modal-content
        {
            position: relative;
            background-color: #fff;
            border: 1px solid rgba(0,0,0,0.2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
            box-shadow: 0 3px 9px rgba(0,0,0,0.5);
            background-clip: padding-box;
        }
       
       
        .modal-header
        {
            min-height: 16.428571429px;
            border-bottom: 1px solid #e5e5e5;
            padding: 15px;
        }
       
        .modal-title
        {
            line-height: 1.428571429;
            margin: 0;
        }
        .modal-body
        {
            position: relative;
            padding: 20px;
        }
        .modal-footer
        {
            margin-top: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
            padding: 19px 20px 20px;
        }
         .modalnew
        {
            display: none;
            overflow: auto;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-overflow-scrolling: touch;
            outline: 0;
            -webkit-transition: opacity .15s linear;
            transition: opacity .15s linear;
        }
        .modalmask
        {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
            opacity: .5;
        }
        .modaldialog
        {
            z-index: 9999;
            width: 415px;
            margin: 30px auto;
            position: relative;
        }
         .accordionContent
        {
            background-color: #D3DEEF;
            border-color: -moz-use-text-color #2F4F4F #2F4F4F;
            border-right: 1px dashed #2F4F4F;
            border-style: none dashed dashed;
            border-width: medium 1px 1px;
            padding: 10px 5px 5px;
            width: 97%;
        }
        .accordionHeaderSelected
        {
            background-color: #5078B3;
            border: 1px solid #2F4F4F;
            color: white;
            cursor: pointer;
            font-family:Montserrat, Helvetica, Arial, sans-serif;
            font-size: 20px;
            font-weight: bold;
            margin-top: 5px;
            padding: 5px;
            width: 97%;
        }
        .accordionHeader
        {
            background-color: #2E4D7B;
            border: 1px solid #2F4F4F;
            color: white;
            cursor: pointer;
            font-family: Montserrat, Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: bold;
            margin-top: 5px;
            padding: 5px;
            width: 97%;
        }
        .href
        {
            color: White;
            font-weight: bold;
            text-decoration: none;
        }
        .datedesign
        {
            font-weight: bold;
            margin-bottom: 5px;
        }
        .msgtextdesign
        {
            padding-bottom: 5px;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            background-color: White;
        }
        .seperator
        {
            padding: 5px;
        }
        .pagination
        {
        	background:#FFE26F;
        }
        .pagination td td a
        {
        	background:#FFFFFF;
        	padding:5px;
        }
        .pagination td td span
        {
        	padding: 5px;
			background: #3B5998;
			color: white;
        }
        .pagination table
        {
            margin-top: 5px;
            margin-bottom: 5px;	
        }
        .pagination td input[type=image]
        {
            width: 20px;	
        }
        .GridRowStyle
        {
            font-size:11px;
            line-height:15px;	
        }
        .lineMessage.ugly, .blockMessage.ugly
        {
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
            border: 1px solid #bc5550;
            background-color: #cc6661;
            background-image: -moz-linear-gradient(#d9706a,#cc6661);
            background-image: -webkit-linear-gradient(#d9706a,#cc6661);
            background-image: linear-gradient(#d9706a,#cc6661);
            box-shadow: none;
            border-bottom: 1px solid #666;
            padding-left: 33px;
        }