Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>body
- {
- background:url(images/bg.jpg) no-repeat center top #310b28;
- background-color:#9A9A9A;
- font-family:Arial, Helvetica, sans-serif;
- padding:0;
- font-size:12px;
- margin:0 auto;
- color: black;
- }
- .clear{
- clear:both;
- }
- a{
- color:#256c89;
- }
- h2{
- font-size:18px;
- color:#256c89;
- font-weight:normal;
- padding:0px 0 15px 0;
- margin:0px;
- clear:both;
- }
- h3{
- font-size:18px;
- color:#256c89;
- font-weight:normal;
- padding:15px 0 5px 0px;
- margin:0px;
- float:left;
- clear:both;
- }
- a.forgot_pass{
- float:right;
- color:#256c89;
- text-decoration:none;
- background:url(images/help.png) no-repeat left;
- padding:0 0 0 18px;
- display:block;
- margin:15px 20px 0 0;
- }
- #main_container{
- margin:0 auto;
- width:1280px;
- padding:0px 0 0px 0;
- }
- #main_containerlogin{
- margin:0 auto;
- width:1280px;
- padding:0px 0 0px 0;
- }
- .header{
- width:100%;
- height:100px;
- }
- .header_login{
- width: 100%;
- margin: auto;
- display: inline-block;}
- .logo{
- float:left;
- padding:35px 0 0 10px;
- }
- #clock_a{
- float:right;
- padding:15px 0 0 0;
- }
- .jclock{
- color:#FFFFFF;
- float:right;
- font-size:22px;
- font-weight:bold;
- padding:34px 25px 0 0;
- }
- .right_header{
- width:350px;
- float:right;
- text-align:right;
- color:#FFFFFF;
- padding:40px 0 0 0;
- }
- .right_header a{
- margin:0 5px 0 5px;
- text-decoration:underline;
- color:#FFFFFF;
- }
- .right_header a.messages{
- background:url(images/comment.png) no-repeat right;
- padding-right:20px;
- }
- .right_header a.logout{
- background:url(images/user_logout.png) no-repeat right;
- padding-right:20px;
- }
- .main_content{
- margin:0 auto;
- width:100%;
- height:auto;
- padding:0px 0 50px 0;
- background:url(images/menu_bg.jpg) repeat-x top #fff;
- }
- .footer{width:100%;height:87px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;background-color: #000; }
- .footer_login{margin: auto;
- display: inline-block;
- width: 100%;
- text-align: center;}
- .left_footer{padding:25px 0 0 10px;color:#FFFFFF;font-size:11px;}
- .left_footer a{color:#FFFFFF;text-decoration:none;}
- .right_footer{float:right;padding:25px 10px 0 0;}
- .left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}
- .left_footer_login a{color:#FFFFFF;text-decoration:none;}
- .right_footer_login{float:right;padding:15px 10px 0 0;}
- /*---------------- menu----------------------*/
- .menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:1220px;}
- /* remove all the bullets, borders and padding from the default list styling */
- .menu ul {padding:0;margin:0;list-style-type:none; height:34px;}
- /* style the sub-level lists */
- .menu ul ul {width: auto;}
- /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
- .menu ul li {float:left;height:34px;line-height:34px;}
- /* style the sub level list items */
- .menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}
- /* style the links for the top level */
- .menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}
- .menu a.current{background:url(images/menu_bg.gif) repeat-x center;}
- /* style the sub level links */
- .menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}
- .menu ul table ul a, .menu ul table ul a:visited {width:14em; w\idth:12em;}
- /* style the table so that it takes no part in the layout - required for IE to work */
- .menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
- .menu ul ul table {lef\t:-1px;}
- .menu ul ul table ul.left {margin-lef\t:2px;}
- .menu li:hover {position:relative;}
- * html .menu a:hover {position:relative;}
- /* style the third level background */
- .menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
- /* style the fourth level background */
- .menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
- /* style the sub level 1 background */
- .menu ul :hover a.sub1 {background:url(images/arrow.gif) no-repeat right #309dc7;}
- /* style the sub level 2 background */
- .menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #088bb4;}
- /* style the level hovers */
- /* first */
- .menu a:hover {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
- .menu :hover > a {color:#fff;background:url(images/menu_bg.gif) repeat-x center;}
- /* second */
- .menu ul ul a:hover{color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
- .menu ul ul :hover > a {color:#fff;background:url(images/menu_bg_a.gif) repeat-x center;}
- /* third */
- .menu ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}
- .menu ul ul ul :hover > a {background:url(images/menu_bg_a.gif) repeat-x center;}
- /* fourth */
- .menu ul ul ul ul a:hover {background:url(images/menu_bg_a.gif) repeat-x center;}
- /* hide the sub levels and give them a positon absolute so that they take up no room */
- .menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}
- /* position the third level flyout menu */
- .menu ul ul ul{left:14em;top:0;width:14em;}
- /* position the third level flyout menu for a left flyout */
- .menu ul ul ul.left {left:-14em;}
- /* make the second level visible when hover on first level list OR link */
- .menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
- /* keep the third level hidden when you hover on first level list OR link */
- .menu ul :hover ul ul{visibility:hidden;}
- /* keep the fourth level hidden when you hover on second level list OR link */
- .menu ul :hover ul :hover ul ul{visibility:hidden;}
- /* make the third level visible when you hover over second level list OR link */
- .menu ul :hover ul :hover ul{visibility:visible;}
- /* make the fourth level visible when you hover over third level list OR link */
- .menu ul :hover ul :hover ul :hover ul {visibility:visible;}
- .fullwidth_box{
- width:90%;
- float:left;
- padding:10px 0 0 35px;
- }
- .center_content{
- clear:both;
- }
- .left_content{
- width:20%;
- float:left;
- padding:30px 0 0 20px;
- }
- .right_content{
- width:90%;
- margin-left:auto;
- margin-right:auto;
- padding:10px 0 0 0px;
- }
- .sidebarmenu{
- margin:0px 0;
- padding:0;
- width:195px;
- }
- .sidebarmenu a.menuitem{background:url(images/sidebar_menu_top.gif) no-repeat center top;
- color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
- }
- .sidebarmenu a.menuitem_green{background:url(images/green_bt.gif) no-repeat center top;
- color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
- }
- .sidebarmenu a.menuitem_red{background:url(images/red_bt.gif) no-repeat center top;
- color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
- }
- .sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.gif) no-repeat center top;}
- .sidebarmenu a.menuitem_green:hover{background:url(images/green_bt_a.gif) no-repeat center top;}
- .sidebarmenu a.menuitem_red:hover{background:url(images/red_bt_a.gif) no-repeat center top;}
- .sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
- color: white;
- }
- .sidebarmenu a.menuitem .statusicon{
- position: absolute;
- top:11px;
- right:7px;
- border: none;
- }
- .sidebarmenu div.submenu{
- background: white;
- }
- .sidebarmenu div.submenu ul{
- list-style-type: none;
- margin: 0;
- padding: 0 0 5px 0;
- }
- .sidebarmenu div.submenu ul li{
- border-bottom: 1px dotted #bfd1d9;
- }
- .sidebarmenu div.submenu ul li a{
- display: block;
- color: black;
- text-decoration: none;
- padding:5px 0;
- padding-left: 10px;
- }
- .sidebarmenu div.submenu ul li a:hover{
- background: #e2f0ff;
- color: #0e4354;
- }
- .sidebar_search{
- background:url(images/sidebar_menu_top.gif) no-repeat center;
- width:195px;
- height:31px;
- margin:0 0 5px 0;
- }
- input.search_input{
- width:155px;
- height:16px;
- margin:5px 0 0 5px;
- border:1px #bdebfd solid;
- background:#92dbf8;
- padding:4px 0 0 2px;
- float:left;
- color:#096184;
- font-size:11px;
- }
- input.search_submit{
- float:left;
- background:none;
- border:none;
- margin:7px 0 0 8px;
- }
- #rounded-corner
- {
- margin:0px;
- width:100%;
- text-align: left;
- border-collapse: collapse;
- }
- #rounded-corner thead th.rounded-company
- {
- width:26px;
- background: #60c8f2 url('images/left.jpg') left top no-repeat;
- }
- #rounded-corner thead th.rounded-q4
- {
- background: #60c8f2 url('images/right.jpg') right top no-repeat;
- }
- #rounded-corner th
- {
- padding: 8px;
- font-weight: normal;
- font-size: 13px;
- color: #039;
- background: #60c8f2;
- }
- #rounded-corner td
- {
- padding: 8px;
- background: #ecf8fd;
- border-top: 1px solid #fff;
- color: #669;
- }
- #rounded-corner tfoot td.rounded-foot-left
- {
- background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;
- }
- #rounded-corner tfoot td.rounded-foot-right
- {
- background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;
- }
- #rounded-corner tbody tr:hover td
- {
- background: #d2e7f0;
- }
- .question {
- position: absolute;
- display: inline;
- text-align: center;
- width: 174px;
- height: 78px;
- font-size: 13px;
- line-height: 1.5em;
- background: url('images/bubble.png') left top no-repeat;
- padding: 10px 0 0 0;
- text-shadow: 0px 1px 0px #fff;
- margin-left: -7em;
- margin-top: -6em;
- opacity: 0;
- }
- .yes{
- margin-top: .5em;
- margin-right: .5em;
- cursor: pointer;
- display: inline-block;
- width: 63px;
- height: 21px;
- color: #434d17;
- text-shadow: 0px 1px 0px #fff;
- background: url('images/buttony.png') left top no-repeat;
- }
- .cancel {
- margin-top: .5em;
- margin-right: .5em;
- cursor: pointer;
- display: inline-block;
- width: 63px;
- height: 21px;
- color: #fff;
- text-shadow: 0px 1px 0px #000;
- background: url('images/buttonn.png') left top no-repeat;
- }
- a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
- a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}
- a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}
- a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}
- a:hover.bt_green{ text-decoration:underline;}
- a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
- a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}
- a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}
- a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}
- a:hover.bt_blue{ text-decoration:underline;}
- a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
- a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}
- a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}
- a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}
- a:hover.bt_red{ text-decoration:underline;}
- .sidebar_box{
- width:195px;
- padding:15px 0 5px 0;
- }
- .sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}
- .sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}
- .sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}
- .sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
- .sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
- .sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
- .sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
- img.sidebar_icon_right{
- float:right; padding:0 0 0 0;
- }
- .sidebar_box_content ul{
- list-style:none;
- padding:10px 0 10px 0;
- margin:0px;
- clear:both;
- }
- .sidebar_box_content ul li{
- padding:5px 0 5px 10px;
- background:url(images/list_bullet.gif) no-repeat left top;
- background-position:0px 10px;
- }
- .warning_box{width:540px;clear:both;background:url(images/warning.png) no-repeat left #fcfae9;
- border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
- .valid_box{width:540px;clear:both;background:url(images/valid.png) no-repeat left #edfce9;
- border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
- .error_box{width:540px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
- border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0;}
- .error_box_login{width:538px;clear:both;background:url(images/error.png) no-repeat left #fce9e9;
- border:1px #eac7c7 solid;background-position:5px 5px;padding:10px 10px 11px 50px;margin:0 0 10px 0;}
- /*--------------*/
- div.pagination {
- width:625px;
- clear:both;
- padding:10px 0 10px 0;
- margin:0px;
- text-align:center;
- float:left;
- clear:both;
- font-size:11px;
- }
- div.pagination a {
- padding: 2px 5px 2px 5px;
- margin-right: 2px;
- border: 1px solid #52bfea;
- text-decoration: none;
- color: #52bfea;
- }
- div.pagination a:hover, div.pagination a:active {
- border:1px solid #52bfea;
- color: #fff;
- background-color: #52bfea;
- }
- div.pagination span.current {
- padding: 2px 5px 2px 5px;
- margin-right: 2px;
- border: 1px solid #52bfea;
- font-weight: bold;
- background-color: #52bfea;
- color: #FFF;
- }
- div.pagination span.disabled {
- padding: 2px 5px 2px 5px;
- margin-right: 2px;
- border: 1px solid #f3f3f3;
- color: #ccc;
- }
- .formButton{
- font-size:16px;
- border:none;
- cursor:pointer;
- width:100px;
- height:30px;
- margin-left:300px;
- margin-top:10px;
- background-image:url(images/bg-tile.png);
- color:#FFF;}
- a.info{
- position:relative; /*this is the key*/
- z-index:24;
- color:#000;
- font-size: 8pt;
- text-decoration:none;}
- a.green:hover{z-index:25;}
- a.green span{display: none;}
- a.grey span{display: none;}
- a.green:hover span{ /*the span will display just on :hover state*/
- display:block;
- position:absolute;
- width:310px;
- margin-left:-100px;
- border:1px solid #006600;
- background-color:#fff; color:#000;
- text-align: left;font-size: 8pt;}
- .redCircle{
- background-color:#F00;
- border-radius:16px;
- width:16px;
- height:16px;
- }
- .greenCircle{
- background-color:#090;
- border-radius:16px;
- width:16px;
- height:16px;
- }
- .yellowCircle{
- background-color:#FF0;
- border-radius:16px;
- width:16px;
- height:16px;
- }
- .Verticalmenu{
- font-size:16px;
- list-style:none;
- }
- .Verticalmenu li{
- font-size:14px;
- padding-left:20px;
- }
- .Verticalmenu li a{
- text-decoration:none;
- }
- #order_detail{width:100%;height:100px;overflow:hidden;}
- #payment_holder{height:170px;}
- </style>
- <body>
- <div id="main_container">
- <div class="header_login">
- <div class="logo"><a href="#"><img src="images/logo.png" alt="" title="" border="0"></a></div>
- </div>
- <div class="errorboxcont">
- </div>
- <div class="login_form">
- <h3>User Login</h3>
- <a href="forgetpassword.php" class="forgot_pass">Forgot password</a>
- <form action="" method="post" class="niceform">
- <fieldset style="width: 400px;padding:0px;">
- <table width="80%" border="0" cellspacing="0" cellpadding="0">
- <tbody><tr>
- <td><dl>
- <dt><label for="email">Username:</label></dt>
- <dd><img src="img/0.png" class="NFTextLeft"><div class="NFTextCenter"><input type="text" name="strUserid" id="strUserid" size="54" class="NFText"></div><img src="img/0.png" class="NFTextRight"></dd>
- </dl></td>
- </tr>
- <tr>
- <td> <dl>
- <dt><label for="password">Password:</label></dt>
- <dd><img src="img/0.png" class="NFTextLeft"><div class="NFTextCenter"><input type="password" name="strPassword" id="Password" size="54" class="NFText"></div><img src="img/0.png" class="NFTextRight"></dd>
- </dl></td>
- </tr>
- <tr>
- <td> <dl>
- <dt><label></label></dt>
- <dd>
- <img src="img/0.png" class="NFCheck" style="left: 526px; top: 263px;"><input type="checkbox" name="interests[]" id="" value="" class="NFhidden"><label class="check_label">Remember me</label>
- </dd>
- </dl></td>
- </tr>
- <tr>
- <td> <dl class="submit">
- <img class="NFButtonLeft" src="img/0.png"><input type="submit" name="submit" id="submit" value="Enter" class="NFButton"><img src="img/0.png" class="NFButtonRight">
- </dl></td>
- </tr>
- </tbody></table>
- </fieldset>
- </form>
- </div>
- </div> <div class="footer_login">
- <div class="left_footer">© 2019</div>
- <div class="right_footer"></div>
- </div>
- </body>
Add Comment
Please, Sign In to add comment