@charset UTF-8;

ul.dropdown {
font-weight:700;
}

ul.dropdown li {
background-color:#f6f6f6;
color:#000;
border-color:#fff #d9d9d9 #d9d9d9;
border-style:solid;
border-width:1px 1px 1px 0;
padding:7px 10px;
}

ul.dropdown li.hover,ul.dropdown li:hover {
background-color:#eee;
color:#000;
}

ul.dropdown a:link,ul.dropdown a:visited {
color:#000;
text-decoration:none;
}

ul.dropdown a:hover {
color:#000;
}

ul.dropdown a:active {
color:orange;
}

ul.dropdown ul {
width:150px;
margin-top:1px;
}

ul.dropdown ul li {
font-weight:400;
}

ul.dropdown .dir {
padding-right:40px;
background-image:url(../images/nav-arrow-down.png);
background-position:100% 50%;
background-repeat:no-repeat;
}

ul.dropdown-horizontal ul .dir {
padding-right:15px;
background-position:100% 80%;
background-repeat:no-repeat;
}

ul.dropdown-upward .dir {
background-image:url(../images/nav-arrow-top.png);
}

ul.dropdown-vertical .dir,ul.dropdown-upward ul .dir {
background-image:url(../images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl .dir {
padding-right:10px;
padding-left:15px;
background-image:url(../images/nav-arrow-left.png);
background-position:0 50%;
}

.footer_left { color:White; padding-left:5px;}
.footer_right { color:White; padding-left:5px; }

/*CSS for activities modal popup*/

        .CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}/*.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}*/
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:4px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #003366 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003366 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003366,003f7f);

	background-color:#003366;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #003366 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003366 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003366,003f7f);

	background-color:#003366;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

        #ddlactivityfreqid, #ddlstatusid {
            width: 150px;
            padding: 5px 35px 5px 5px;
            font-size: 12px;
            border: 1px solid #CCC;
            height: 30px;
            -moz-appearance: none;
            background: #EEE url("/images/down-arrow-circle-hi.png") no-repeat scroll 96% center / 15% auto;
            /*transparent url("/images/arrow.png") no-repeat scroll 0px 0px*/
            /* #EEE url("http://www.stackoverflow.com/favicon.ico") no-repeat scroll 96% center / 15% auto*/ 
        }

        .txt {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;
    }
    /*------btn css-------*/
 
    .btn {
  background: #2b4c8c;
  background-image: -webkit-linear-gradient(top, #2b4c8c, #2980b9);
  background-image: -moz-linear-gradient(top, #2b4c8c, #2980b9);
  background-image: -ms-linear-gradient(top, #2b4c8c, #2980b9);
  background-image: -o-linear-gradient(top, #2b4c8c, #2980b9);
  background-image: linear-gradient(to bottom, #2b4c8c, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 6px 9px 6px 9px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/*--------btn css - end-------*/

/*CSS for activities modal popup*/

/*CSS for activities Top-right notification*/

#noti_Container {
    position:relative;     /* This is crucial for the absolutely positioned element */
    
    height:16px;
}
.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top: -6px;
    right:-6px;
    padding:1px 5px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:0.75em;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}

.redrow td {
    /*background-color:#ff9999;*/
    color:red;
    font-weight:bold;
}

.msg_bubble {
    position: absolute;
    top: -15px;
    right: -15px;
    padding: 1px 5px;
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 0.75em;
    border-radius: 30px;
    box-shadow: 1px 1px 1px gray;
}