Gecko [ nrupathungauniversityblr.ac.in ]

Name	Size	Permission
graph.css	18.36 KB	-rwxr-xr-x
graph_tables.css	23.99 KB	-rwxr-xr-x
tarka.css	699 B	-rwxr-xr-x

Code Editor : graph.css

body {
background:#F6F7F8; 
font-family: Verdana Arial; 
font-size: 62.5%;
}
.graph_main{background:#FFF;  width:97%; margin:0 auto; border-radius: 5px;padding-bottom: 50px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.45);}
.logo_div{width:260px; margin:15px 0 0 0; height:47px;}
.header_div{width:100%; height:50px; background:url(../img/header_bg_graph.jpg) 0 0 repeat-x }
.menu_main_div{width:100%; height:30px; margin-top:-7px;}

.dimensions_main_div{width:100%; min-height:400px; margin-top:32px;} 
.drag_drop_x_y_values{  float:left; }

.ul_graph ul li{margin-left:7px; padding-left:9px;}
.ul_graph li,.x_axis_ul li,
.y_axis_ul li {text-decoration:none;}

.ul_graph li:hover{background:url(../img/lf_menue_ch.jpg) 0 0 repeat-x #A4003F; text-decoration:none;}
.x_axis_ul li:hover{text-decoration:underline;}

.ul_graph li,
.x_axis_ul li,
.y_axis_ul li {padding-left:3px;  padding-right: 2px; cursor:pointer; 
list-style-type:none; font:8pt/30px Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-weight:bold; text-align:left;
}

.ul_graph li{
  border-bottom: 1px solid #FFD700;
    cursor: pointer;
    font-family: Verdana;
    font-size: 10px;
    height: 24px;
    line-height: 22px;
    list-style-type: none;
    text-align: left;
    width: 150px;
}

.y_axis_ul li{
background: #e5e696; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e696 0%, #d1d360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e696), color-stop(100%,#d1d360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e696 0%,#d1d360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e696 0%,#d1d360 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e696 0%,#d1d360 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e696 0%,#d1d360 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 ); /* IE6-9 */

} 
.ul_x_axis_back{
color:#FFF;
background: #596a72; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTk2YTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #596a72 0%, #cedce7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* IE10+ */
background: linear-gradient(135deg,  #596a72 0%,#cedce7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

} 
.ul_y_axis_back{
color:#FFF;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #207cca 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(99%,#207cca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#207cca 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7db9e8 0%,#207cca 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7db9e8 0%,#207cca 99%); /* IE10+ */
background: linear-gradient(to bottom,  #7db9e8 0%,#207cca 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
}

.x_axis_ul li{
background: #f2dd4a; /* Old browsers */
background: -moz-linear-gradient(left,  #f2dd4a 0%, #e5e696 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2dd4a), color-stop(100%,#e5e696)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f2dd4a 0%,#e5e696 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f2dd4a 0%,#e5e696 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f2dd4a 0%,#e5e696 100%); /* IE10+ */
background: linear-gradient(to right,  #f2dd4a 0%,#e5e696 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2dd4a', endColorstr='#e5e696',GradientType=1 ); /* IE6-9 */

}

.drag_drop_div{width:175px; float:left;}
.y_axis_dropable_div{width:200px; min-height:150px; background: #05abe0; /* Old browsers */
background: -moz-linear-gradient(top,  #05abe0 0%, #53cbf1 60%, #87e0fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(60%,#53cbf1), color-stop(100%,#87e0fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#87e0fd',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 6px rgba(0, 0, 0, 0.48);
 }
.x_axis_dropable_div{width:175px; height:30px; 
background: #596a72; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTk2YTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #596a72 0%, #cedce7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #596a72 0%,#cedce7 100%); /* IE10+ */
background: linear-gradient(135deg,  #596a72 0%,#cedce7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.recycle_bin_div{width:175px;  height:30px; float:left; 
background:url(../img/lf_menue_ch.jpg) 0 0 repeat-x #A4003F; color:#FDFF00;
}
.refresh_div{width:175px; cursor:pointer; height:30px; float:left;background: #eddc8b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZGM4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjczMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eddc8b 0%, #bf730f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eddc8b), color-stop(100%,#bf730f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eddc8b 0%,#bf730f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eddc8b 0%,#bf730f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eddc8b 0%,#bf730f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eddc8b 0%,#bf730f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddc8b', endColorstr='#bf730f',GradientType=0 ); /* IE6-8 */

}
.thrash_icon{background: url(../img/delete.png) no-repeat; float:left;  width:35px; height:30px;}
.refresh_icon{background: url(../img/refresh.png) no-repeat; float:left;  width:35px; height:30px;}
.thrash_txt{width:105px; height:30px; color:#FFF; font:8pt/30px Tahoma,Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; float:left;  float:left;}
.graph_main_div{width:68%; border:0px solid #000; float:left; margin-left:20px;height:500px;}

/*  form elements  starts*/
.anchor-class { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#2B65EC;cursor:pointer;}
.anchor-div-main{margin-top:15px; width:100px; float:left;}
.content-tbl{font:9pt Arial, Helvetica, sans-serif; width:95%; }
.addclear{font:9pt Arial, Helvetica, sans-serif; padding-left:4px; width:630px;}
.addclear  input.inputlabel{border:0px;vertical-align: bottom;height:14Px;font:9pt  Arial, Helvetica, sans-serif;}
.content-tbl span, .contenttbl-div{font:8pt Arial;color:#0076a3; display:block; padding:0 0 3px 13px; text-align:left; }
.content-tbl input{border:1px solid #c8c8c8;height:18px;}
.content-tbl input.inputWithImge{border:0px solid #c8c8c8;height:16px;}
.content-tbl input.content-tbl-upload{border:1px solid #c8c8c8; height:25px; font:10pt Arial, Helvetica, sans-serif;}
.img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:3px;}
.calimg { vertical-align:middle; cursor:pointer; padding-left:5px; padding-bottom:3px; border:0px;}
.content-tbl textarea{border:1px solid #c8c8c8; font:10pt Arial, Helvetica, sans-serif;}
.search-glass{border:1px solid #c8c8c8;height:18px;padding-right:18px;background-image: url(../images/search-glass.gif);background-repeat: no-repeat;background-position:99%;cursor: pointer;}
.dateicon{border:1px solid #c8c8c8;height:18px;padding-right:18px;background-image: url(../images/date.gif);background-repeat: no-repeat;cursor: pointer;background-position: 98%;}
.content-tbl select{border:1px solid #c8c8c8;height:22px;}
.content-tbl input.inputlabel{border:0px;vertical-align: bottom;height:14Px;font:8pt Verdana,Arial, Helvetica, sans-serif;background:#FCFDFD}

.imageInputWrapper{border:1px solid #c8c8c8; padding-bottom:1px; padding-top:1px; padding-right:2px; padding-left:2px; background-color:#FFFFFF;}
.imageInputWrapper img { vertical-align:middle; cursor:pointer; padding-left:1px; padding-right:2px; padding-bottom:2px;}
.LRimageInputWrapper img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:0px;}
.LRimageInputWrapper{border:1px solid #c8c8c8; padding-top:2px; padding-bottom:3px; padding-right:3px; background-color:#FFFFFF;}

.imageInputWrapperDate{border:1px solid #c8c8c8; padding-bottom:2px; padding-top:0px; padding-right:0px; background-color:#FFFFFF;}
.imageInputWrapperDate img { vertical-align:middle; cursor:pointer; padding-left:1px; padding-bottom:0px; padding-right:0px;}
.LRimageInputWrapperDate img { vertical-align:middle; cursor:pointer; padding-left:1px;padding-bottom:3px;padding-right:0px;}
.LRimageInputWrapperDate{border:1px solid #c8c8c8; padding-top:2px; padding-bottom:3px; padding-right:3px; background-color:#FFFFFF;}
.imageInputDateMonth{border:1px solid #c8c8c8; padding:1px 2px 0px 0px; background-color:#FFFFFF;}
.imageInputDateMonth img{vertical-align:middle; cursor:pointer; padding:2px 0px 2px 6px;}
.bordered {
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px #CCCCCC;
	 border-spacing: 0; 	
	font-style:Normal;
	font-family: Verdana,Arial; 
	width:100%;
}
.bordered tr:hover {
    background: none repeat scroll 0 0 #FBF8E9;
    transition: all 0.1s ease-in-out 0s;
}
.bordered select,input {
     border: 1px solid #CCCCCC;
}
 
.bordered td {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding:2px; 
    font-size:12px;	
}
/* starting from 6th tr for every 2(2n),3(3n)  rows css will apply */
/* .bordered tr:nth-child(0n+2){
    background-color: #CACBBD; 
	color:red;
} */

.bordered th {
   background: #1875b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4NzViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjMTQ3M2I1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjMTc3OWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMTc3YWJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjMWM3ZWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjA4ZGM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjMjE4ZmNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjMmI5ZmQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMjVhNGNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjMmM5Y2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjMmVhNGQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMmNhNWQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkYThkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU4ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1875b8 0%, #1473b5 7%, #1779ba 17%, #177abb 23%, #1c7ebf 27%, #208dc6 50%, #218fca 53%, #2b9fd2 77%, #25a4cd 80%, #2c9cdb 83%, #2ea4d2 87%, #2ca5d4 90%, #2da8d2 100%, #e9e8f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1875b8), color-stop(7%,#1473b5), color-stop(17%,#1779ba), color-stop(23%,#177abb), color-stop(27%,#1c7ebf), color-stop(50%,#208dc6), color-stop(53%,#218fca), color-stop(77%,#2b9fd2), color-stop(80%,#25a4cd), color-stop(83%,#2c9cdb), color-stop(87%,#2ea4d2), color-stop(90%,#2ca5d4), color-stop(100%,#2da8d2), color-stop(100%,#e9e8f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1875b8 0%,#1473b5 7%,#1779ba 17%,#177abb 23%,#1c7ebf 27%,#208dc6 50%,#218fca 53%,#2b9fd2 77%,#25a4cd 80%,#2c9cdb 83%,#2ea4d2 87%,#2ca5d4 90%,#2da8d2 100%,#e9e8f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1875b8 0%,#1473b5 7%,#1779ba 17%,#177abb 23%,#1c7ebf 27%,#208dc6 50%,#218fca 53%,#2b9fd2 77%,#25a4cd 80%,#2c9cdb 83%,#2ea4d2 87%,#2ca5d4 90%,#2da8d2 100%,#e9e8f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1875b8 0%,#1473b5 7%,#1779ba 17%,#177abb 23%,#1c7ebf 27%,#208dc6 50%,#218fca 53%,#2b9fd2 77%,#25a4cd 80%,#2c9cdb 83%,#2ea4d2 87%,#2ca5d4 90%,#2da8d2 100%,#e9e8f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1875b8 0%,#1473b5 7%,#1779ba 17%,#177abb 23%,#1c7ebf 27%,#208dc6 50%,#218fca 53%,#2b9fd2 77%,#25a4cd 80%,#2c9cdb 83%,#2ea4d2 87%,#2ca5d4 90%,#2da8d2 100%,#e9e8f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1875b8', endColorstr='#e9e8f0',GradientType=0 ); /* IE6-8 */
    border-top: medium none;   border-left: 1px solid #CCCCCC;
	font-size:10pt;
	font-weight:bold;
	color:#FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
 
}
.bordered td:first-child, .bordered th:first-child {
    border-left: medium none;
}
.bordered tr:first-child {
   font-weight:bold;
}
.bordered th:first-child {
    border-radius: 4px 0 0 0;
}
.bordered th:last-child {
    border-radius: 0 4x 0 0;
}
.bordered th:only-child {
    border-radius: 4px 4px 0 0;
}
.bordered tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}
.bordered tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}
.bordered tr:nth-child(even){background: #F2F2F2;}
.bordered tr:nth-child(odd){background: #FFF;} 
 /*  form elements ends */ 
 
 .btn {
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    color: #F9F9F9;
    cursor: pointer;
    display: inline-block;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}
.btn:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.btn, .btn.btn-small {
    font-size: 11px;
    padding: 6px 12px 4px;
}

.btn.btn-blue {
    background: linear-gradient(to bottom, #007FB8 1%, #6EBAD5 3%, #007FB8 7%, #007FB8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #004B91;
}
.btn.btn-blue:hover {
    background: linear-gradient(to bottom, #007FB8 1%, #6EBAD5 3%, #059FC6 7%, #007FB8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #004B91;
}

.gen_btn{width:100px; height:40px;  margin-left:40px; margin-top: 8px;}

/*HTML*/
.html_main_div{width:98.7%; min-height:400px; margin-left: 7px; font-family:'Segoe UI bold','Segoe UI', Tahoma,Verdana, Arial, Helvetica, sans-serif;}
.ggrid_tbl_row_btw {border-bottom:1px solid #c8c8c8;}
.ggrid_hide_show{float:right; margin-right:11px; font-size:13pt; color:#FFF; line-height:22px; cursor:pointer;}
.table_head {height:18px;}
.home_link{float:right; font-family:'Segoe UI bold','Segoe UI', Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:12pt; cursor:pointer;}
.home_link:hover{text-decoration:underline; color:#2291CB;}

${this.title}

Code Editor : graph.css